HTML 常见标签

目录

1. 标题标签

2. 换行/段落标签

3. 列表标签

4. 超链接标签

5. 多媒体标

6. 表格标签

6.1 纵向侵占单元格

6.2 横向侵占单元格

HTML 常见标签包括标题标签，段落标签，换行标签，列表标签，超链接标签，多媒体标签，表格标签，表单标签，表单项标签，布局相关标签，特殊字符；

如果对标签遗忘或查询，可以点击

w3school 在线教程https://www.w3school.com.cn/进行查看并学习；

1. 标题标签 <h>

<h1>     </h1> 

....  ....

<h6>     </h6>;

以下是不同标签的效果；

如果继续加入文字，对文字分段，换行，使用浏览器解析后发现文字并没有呈现预期的格式；

2. 换行/段落标签 </p> <br/>

换行/段落标签可以解决以上问题；

换行标签：<hr> (换行后后分割线) ; <br/>;

段落标签：</p> ;

3. 列表标签 <ul>/<0l>

有序列表：< ol >   </ol>

无序列表：< ul >  </ui>

列表项：< li >  </li>

如下，这是有/无序列表； 

 ​​​​​

当然，列表标签可以嵌套使用，至于嵌套多少层，理论上没有要求：

4. 超链接标签 <a/>

超链接标签又叫做 a  标签；

href：用于定义要跳转的目标资源的地址；

（1）完整的 url（网址）

（2）相对路径  

（3）绝对路径

target:用于定义目标资源的打开方式：

_self：当前窗口打开页面；
_blank：新建窗口打开页面；

如下，从当前窗口跳转示例：

如下，重新打开窗口跳转示例： 

5. 多媒体标签 <img/>

src：定义鼠标悬停时提示的文字；

title：鼠标悬停时提示的文字；

alt：图片加载失败提示的文字；

 如下演示：

6. 表格标签 <table>

table 整张表格

        thead  表头    tbody  表体      tfoot  表尾

        tr  表格的一行   

        td   一行中的单元格   th  加粗居中效果

如下，实例；

当然，没有表头/尾/体标签也可以，只不过，浏览器在解析时将整张表都放在 <tbody> 中： 

实现单元格跨行  <rowspan> ：

6.1 纵向侵占单元格 <rowspan>

如下，如果只是在表头添加一个“备注”字段：

如下是使用 <rowspan> 的效果： 

6.2 横向侵占单元格 <colspan >

如下，实现横向侵占单元格效果；