本文档介绍了HTML5的架构，包括文档类型的声明、html根元素、head和body标签的作用。接着，详细讲解了一些常用的基础标签，并通过效果展示来帮助理解。最后，提及了扩展标签的相关内容。
一、html架构解读
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
<!DOCTYPE html>代表文档类型，是html5的声明方式。web中有很多文档类型，只有了解了文档类型，浏览器才能正确显示文档；html标签是html页面的根元素；head标签和body标签都在html标签内部，这两个标签是并列的，head标签里定义整个文件要用到的源数据，如mata标签；body标签所写内容即为网页显示内容。
二、常用简单标签
| 名称 | 作用 |
|---|---|
h | 标题标签，h1~h6一次代表由大到小的标题 |
  | 一个空格 |
p | 文本标签，段落，独占一行且前后各空一行 |
div | 文本标签，仅独占一行 |
span | 文本标签，以此排列，不会独占一行 |
br / | 换行 |
hr / | 水平线 |
img | 图片标签 |
效果展示：
三、扩展标签
| 名称 | 作用 |
|---|---|
b | 粗体文本 |
code | 计算机代码文本 |
em | 强调文本 |
i | 斜体文本 |
kbd | 键盘输入文本 |
pre | 预格式化文本 |
small | 更小的文本 |
strong | 更重要的文本 |
abbr | 缩写 |
address | 联系信息 |
del | 删除的文本 |
ins | 插入的文本 |
sub | 下标文本 |
sup | 上标文本 |
效果展示：
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
