1、HTML5 文档结构
1、第一行为文档类型说明
2、网页根标签 <html></html>
3、根标记内包含两个子标签 <head></head> 和 <body></body>
| 标签 |
说明 |
| <!doctype html> |
文档类型的声明，HTML5 |
| <html lang=“en”></html> |
网页根标签，语言英文 |
| <head></head> |
网页头 |
| <body></body> |
网页主体 |
<!doctype html>
<html>
<head></head>
<body></body>
</html>
1.1、HTML5 网页头
| 标签 |
说明 |
| <meta charset=“utf-8”> |
设置网页编码格式 |
| <meta name=“author” content=“python小子”> |
设置网页作者 |
| <meta name=“keywords” content=“CSDN”> |
设置网页关键字，针对搜索引擎 |
| <meta name=“description” content=“IT技术社区”> |
设置网页描述文本，针对搜索引擎 |
| <title>我的第一个网页</title> |
设置网页标题 |
<head>
<meta charset="utf-8">
<meta name="author" content="python小子">
<meta name="keywords" content="CSDN">
<meta name="description" content="IT技术社区">
<title>我的第一个网页</title>
</head>
1.2、HTML5 网页主体
网页的主体显示内容全部在body标签内部，<body></body>
2、HTML5 网页文本显示
2.1、特殊字符
| 特殊字符 |
说明 |
|   |
一个空格 |
| < |
< |
| > |
> |
| © |
©（版权标志） |
| ¥ |
￥ |
2.2、文本标签样式
| 标签 |
说明 |
| <i></i> |
斜体 |
| <u></u> |
下划线 |
| <s></s> |
删除线 |
| <b></b> |
加粗 |
| <sup></sup> |
上标 |
| <sub></sub> |
下标 |
| <br> |
回车键（换行） |
2.3、标题标签
| 标签 |
说明 |
| <h1></h1> |
一级标题 |
| <h2></h2> |
二级标题 |
| <h3></h3> |
三级标题 |
| <h4></h4> |
四级标题 |
| <h5></h5> |
五级标题 |
| <h6></h6> |
六级标题 |
标题标签特点：
1、改变文字大小，且具备加粗效果
2、标题独占一行，自带换行
3、每个标题自带垂直空白距离
4、属性：
| 属性 |
取值 |
说明 |
align
|
left |
左对齐（默认取值） |
| right |
右对齐 |
| center |
居中对齐 |
2.4、段落元素
1、作用：
突出显示一段文字，且独占一行，具有垂直空白距离
2、语法：
<p align=‘left’></p>
3、p标签不能嵌套块级元素，如div，h1—h5标签
4、属性：
| 属性 |
取值 |
说明 |
align
|
left |
左对齐（默认取值） |
| right |
右对齐 |
| center |
居中对齐 |
2.5、水平线元素 <hr>
2.6、分区元素
1、块分区元素 <div></div> （布局）
独占一行，主要用于布局，可以嵌套任何内容
| 属性 |
取值 |
说明 |
align
|
left |
左对齐（默认取值） |
| right |
右对齐 |
| center |
居中对齐 |
2、行内分区元素 <span></span>（文本）
能在一行显示多个，可设置同一文本的不同样式，只能嵌套文本和文本标签样式，无换行
2.7、行内元素 与 块级元素
1、行内元素（主要处理文本）
多个元素能在一行内显示，如span，i，b，s，u，sub，sup等标签
2、块级元素（主要用于布局）
在网页中能独占一行的元素，如p，div，h1—h6等标签，且都有align属性。