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=“优快云”> | 设置网页关键字，针对搜索引擎 |
| <meta name=“description” content=“IT技术社区”> | 设置网页描述文本，针对搜索引擎 |
| <title>我的第一个网页</title> | 设置网页标题 |
<head>
<meta charset="utf-8">
<meta name="author" content="python小子">
<meta name="keywords" content="优快云">
<meta name="description" content="IT技术社区">
<title>我的第一个网页</title>
</head>
1.2、HTML5 网页主体
网页的主体显示内容全部在body标签内部，<body></body>
2、HTML5 网页文本显示
2.1、特殊字符
| 特殊字符 | 说明 |
|---|
|   | 一个空格 |
| &emsp | 四个空格 |
| < | < |
| > | > |
| © | ©（版权标志） |
| ¥ | ￥ |
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、语法：
- 3、p标签不能嵌套块级元素，如div，h1—h5标签
- 4、属性：
| 属性 | 取值 | 说明 |
align
| left | 左对齐（默认取值） |
| right | 右对齐 |
| center | 居中对齐 |
2.5、水平线元素 <hr>
2.6、分区元素
| 属性 | 取值 | 说明 |
align
| left | 左对齐（默认取值） |
| right | 右对齐 |
| center | 居中对齐 |
- 2、行内分区元素 <span></span>（文本）
- 能在一行显示多个，可设置同一文本的不同样式，只能嵌套文本和文本标签样式，无换行
2.7、行内元素 与 块级元素
- 1、行内元素（主要处理文本）
- 多个元素能在一行内显示，如span，i，b，s，u，sub，sup等标签
- 2、块级元素（主要用于布局）
- 在网页中能独占一行的元素，如p，div，h1—h6等标签，且都有align属性。
扫一扫
4802
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
