网站创建003:body内容

一个网站当中, body是最重要的部分, 我们看到的大部分内容都是由body组成。

body标签的分类:

*块级标签:此类标签内容会独占一行

*行内标签:不会独占一行,会根据内容大小自动占位

 

1、 div和span标签:

div

 

span

 

2、 h系列标签:h1到h6标签,也称之为标题。

h系列标签页可以改造, 但是一般来说没有div方便

 

3、 a标签:超链接,点击可跳转

<a href="http://www.10086.cn/index/sh/index_210_210.html" target="_blank">上海移动</a>

 

 a标签锚点:锚点的作用类似于定位到某某位置,类似于小说, 点击第1节则跳转到第1节的内容界面, 和超链接不同的是, 锚点不会根据链接跳转,而是在当前界面根据锚点跳转

 

4、 img标签:显示图片用

<img src="地址内容,可以是网络地址和本地地址, 但是有些网络地址会无法展示,因为人家加了防盗链功能" />

 

5、 表格标签

复制代码
    <table>  <!--定义列表-->
        <thead>  <!--定义表头-->
        
        <tr> <th>ID</th> <th>姓名</th> <th>年龄</th></tr>  <!--一个tr是一行,一个ht是一个列-->
        </thead>

        <tbody>  <!--定义表体-->
        <tr> <td>101</td> <td>小红</td> <td>20</td></tr>  <!--一个tr是一行,一个hd是一个列-->
        <tr> <td>102</td> <td>小白</td> <td>30</td></tr>
        </tbody>
    </table>
复制代码

 

给表格添加一个边框

 合并单元格,合并行

  合并单元格,合并列

 

6、 列表标签

无序号

 

有序号

 

posted @   博无止境  阅读(62)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 25岁的心里话
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示