1,标签结构图:
<!-- 加粗标签 双标签 -->
<strong>文字变粗</strong>
<!-- 换行 单标签-->
<br>
<!-- 水平分割线 单标签-->
<hr>
HTML标签与标签之间的关系:
①父子关系(嵌套关系)
<head>
<title></title>
</head>
②兄弟关系(并列关系)
<head>
</head>
<body>
</body>
2,标题标签
使用场景:突出显示文章主题
代码:h系列标签
3,段落标签
使用场景:用于分段显示
代码:
<p>段落标签</p>
特点:独占一行,两段之间有缝隙
4,换行标签(单标签)
使用场景:让文字强制换行显示
代码:
<br>
5,水平线标签(单标签)
使用场景:在页面显示一条水平线
代码:
<hr>
6,文本格式化标签
使用场景:让文字加粗、下划线、倾斜、删除线等效果
标签 | 说明 |
b | 加粗 |
u | 下划线 |
i | 倾斜 |
s | 删除线 |
标签语义化:
strong | 加粗 |
ins | 下划线 |
em | 倾斜 |
del | 删除线 |
注:根据语义选择对应正确标签!