我们知道，创建一个网站，首先需要搭建一个网页的基本结构，但是要建立符合标准的网页，想要网页中的所有内容在网页浏览器上正确一致地显示，那么我们就需要告诉浏览器，你是要用HTML或者是XML的哪个版本，所以我们需要声明符合需要的DOCTYPE文档类型。
<html>
<head>
<!-- 网页头部内容 -->
<title>标题</title>
</head>
<body>
<!-- 网页主体内容 -->
</body>
</html>
DOCTYPE文档类型声明
<!DOCTYPE>声明必须放在HTML文档第一行
<!DOCTYPE>声明不是HTML标签
<!DOCTYPE html>
<html>
<head>
<!-- 网页头部内容 -->
<title>标题</title>
</head>
<body>
<!-- 网页主体内容 -->
</body>
</html>
注：<和!都需要在英文半角状态进行输入
<!DOCTYPE>只是用于声明文档类型，不是HTML标签
<!DOCTYPE html>
<!-- @01文字和段落标签 - 01 -->
<html>
<head>
<!-- 网页头部内容 -->
<title>文字和段落标签</title>
</head>
<body>
<!-- 网页主体内容 -->
hello html!
</body>
</html>
运行效果如下：
<!DOCTYPE html>
<!-- @01文字和段落标签 - 02 -->
<html>
<head>
<!-- 网页头部内容 -->
<title>文字和段落标签</title>
</head>
<body>
<!-- 网页主体内容 -->
hello html!
</body>
</html>
这时候可以看到，除了英文内容可以正常显示，中文内容不能正常显示，出现了乱码。针对这种乱码现象，如何解决呢？
网页编码设置
问题：当网页显示出现乱码时
解决：在<head></head>标签之间添加：
<meta http-equiv="Content" content="text/html;charse=utf-8"/>
注：在国内使用较多的编码形式utf-8、GB2312、gbk等编码。
uft-8编码一般是显示简体中文、繁体中文、英文、日文、韩文等。
GB2312编码支持的是简体中文。
我们在这里使用uft-8编码。
修改之后的代码如下：
<!DOCTYPE html>
<!-- @01文字和段落标签 - 03 -->
<html>
<head>
<!-- 网页头部内容 -->
<title>文字和段落标签</title>
<meta http-equiv="Content-Type" content="text/html;charse=utf-8"/>
</head>
<body>
<!-- 网页主体内容 -->
hello html!
</body>
</html>
运行效果如下：
选择题
1.单选题
网页中不能正常显示中文，出现乱码现象，如何解决？（选择一项）
A charset=“utf-8”
B 重新刷新网页
C 使用meta标签设置编码格式
D 换一个浏览器
选择C
文字和段落标签
标题标签：<h1></h1>~<h6></h6>
段落标签：<p> </p>
align对齐属性值：
| 值 | 描述 |
|---|---|
| left | 左对齐内容 |
| right | 右对齐内容 |
| center | 居中对齐内容 |
| justify | 对行进行伸展，这样每行都可以有相等的长度 |
换行标签：<br/>
<!DOCTYPE html>
<!-- @01文字和段落标签 - 04 -->
<html>
<head>
<!-- 网页头部内容 -->
<title>文字和段落标签</title>
<meta http-equiv="Content-Type" content="text/html;charse=utf-8"/>
</head>
<body>
<!-- 网页主体内容 -->
<!-- 文档标签 -->
<h1>什么是HTML</h1>
<h2>什么是HTML</h2>
<h3>什么是HTML</h3>
<h4>什么是HTML</h4>
<h5>什么是HTML</h5>
<h6>什么是HTML</h6>
</body>
</html>
<!DOCTYPE html>
<!-- @01文字和段落标签 - 05 -->
<html>
<head>
<!-- 网页头部内容 -->
<title>文字和段落标签</title>
<meta http-equiv="Content-Type" content="text/html;charse=utf-8"/>
</head>
<body>
<!-- 网页主体内容 -->
<!-- 文档标签 -->
<h1>什么是HTML</h1>
<h2>什么是HTML</h2>
<h3>什么是HTML</h3>
<h4>什么是HTML</h4>
<h5>什么是HTML</h5>
<h6>什么是HTML</h6>
<p>HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p>HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
</body>
</html>
在网页中我们就显示了两段文字，在这两段文字之间有一行空白行，用来区分文字的不同的段落。
<p>标签可以使用一次，也可以重复地创建不同的段落。
<!DOCTYPE html>
<!-- @01文字和段落标签 - 06 -->
<html>
<head>
<!-- 网页头部内容 -->
<title>文字和段落标签</title>
<meta http-equiv="Content-Type" content="text/html;charse=utf-8"/>
</head>
<body>
<!-- 网页主体内容 -->
<!-- 文档标签 -->
<h1>什么是HTML</h1>
<h2>什么是HTML</h2>
<h3>什么是HTML</h3>
<h4>什么是HTML</h4>
<h5>什么是HTML</h5>
<h6>什么是HTML</h6>
<p align="left">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p align="center">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p align="right">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p align="justify">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p>HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
</body>
</html>
<!DOCTYPE html>
<!-- @01文字和段落标签 - 07 -->
<html>
<head>
<!-- 网页头部内容 -->
<title>文字和段落标签</title>
<meta http-equiv="Content-Type" content="text/html;charse=utf-8"/>
</head>
<body>
<!-- 网页主体内容 -->
<!-- 文档标签 -->
<h1>什么是HTML</h1>
<h2>什么是HTML</h2>
<h3>什么是HTML</h3>
<h4>什么是HTML</h4>
<h5>什么是HTML</h5>
<h6>什么是HTML</h6>
<p align="left">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p align="center">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p align="right">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p align="justify">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p>HTML指的是超文本标记语言（Hyper Text Markup Language），<br/>
HTML不是一种编程语言，而是一种标记语言（markup language），<br/>
标记语言是一套标记标签（markup tag）。</p>
</body>
</html>
我们可以发现，在一段内没有出现空行。
一定要注意，在编辑器里面，手动敲入的空格都是不起作用的。如果想让空格起作用，就要通过代码来输入空格。输入空格的代码是 ，如果想输入多个空格就要输入多次代码。
<!DOCTYPE html>
<!-- @01文字和段落标签 - 08 -->
<html>
<head>
<!-- 网页头部内容 -->
<title>文字和段落标签</title>
<meta http-equiv="Content-Type" content="text/html;charse=utf-8"/>
</head>
<body>
<!-- 网页主体内容 -->
<!-- 文档标签 -->
<h1>什么是HTML</h1>
<h2>什么是HTML</h2>
<h3>什么是HTML</h3>
<h4>什么是HTML</h4>
<h5>什么是HTML</h5>
<h6>什么是HTML</h6>
<p align="left">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p align="center">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p align="right">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p align="justify">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p> HTML指的是超文本标记语言（Hyper Text Markup Language），<br/>
HTML不是一种编程语言，而是一种标记语言（markup language），<br/>
标记语言是一套标记标签（markup tag）。</p>
</body>
</html>
我们还可以通过预格式标签<pre></pre>来保存这些空格和换行，也就是说我们不需要输入空格代码和换行标签。
<!DOCTYPE html>
<!-- @01文字和段落标签 - 09 -->
<html>
<head>
<!-- 网页头部内容 -->
<title>文字和段落标签</title>
<meta http-equiv="Content-Type" content="text/html;charse=utf-8"/>
</head>
<body>
<!-- 网页主体内容 -->
<!-- 文档标签 -->
<h1>什么是HTML</h1>
<h2>什么是HTML</h2>
<h3>什么是HTML</h3>
<h4>什么是HTML</h4>
<h5>什么是HTML</h5>
<h6>什么是HTML</h6>
<p align="left">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p align="center">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p align="right">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p align="justify">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p> HTML指的是超文本标记语言（Hyper Text Markup Language），<br/>
HTML不是一种编程语言，而是一种标记语言（markup language），<br/>
标记语言是一套标记标签（markup tag）。</p>
<pre>
HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。
</pre>
</body>
</html>
我们在<pre></pre>标签中手动输入一些空格：
<!DOCTYPE html>
<!-- @01文字和段落标签 - 10 -->
<html>
<head>
<!-- 网页头部内容 -->
<title>文字和段落标签</title>
<meta http-equiv="Content-Type" content="text/html;charse=utf-8"/>
</head>
<body>
<!-- 网页主体内容 -->
<!-- 文档标签 -->
<h1>什么是HTML</h1>
<h2>什么是HTML</h2>
<h3>什么是HTML</h3>
<h4>什么是HTML</h4>
<h5>什么是HTML</h5>
<h6>什么是HTML</h6>
<p align="left">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p align="center">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p align="right">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p align="justify">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p> HTML指的是超文本标记语言（Hyper Text Markup Language），<br/>
HTML不是一种编程语言，而是一种标记语言（markup language），<br/>
标记语言是一套标记标签（markup tag）。</p>
<pre>
HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。
</pre>
</body>
</html>
我们会发现，在<pre></pre>标签中手动输入的空格出现了。<pre></pre>是预格式化标签，也就是说在这个标签内，输入的文字是什么样的，那么在浏览器中展示的效果就是什么样的。
选择题
1.单选题
使用什么给html文本内容添加空格。（选择一项）
A /t
B 手动输入空格
C
D < >
选择C
编程练习
请根据编写代码，运行结果实现如下效果图
效果图：
代码如下：
<!doctype html>
<!-- @01文字和段落标签 - test -->
<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<h1 align="center">《早发白帝城》</h1>
<p align="center">朝辞白帝彩云间，千里江陵一日还。</p>
<p align="center">两岸猿声啼不知，轻舟已过万重山。</p>
</body>
</html>
运行效果如下：
<hr/>标签表示水平线，也是单标签。
<!DOCTYPE html>
<!-- @01文字和段落标签 - 11 -->
<html>
<head>
<!-- 网页头部内容 -->
<title>文字和段落标签</title>
<meta http-equiv="Content-Type" content="text/html;charse=utf-8"/>
</head>
<body>
<!-- 网页主体内容 -->
<!-- 文档标签 -->
<h1>什么是HTML</h1>
<h2>什么是HTML</h2>
<h3>什么是HTML</h3>
<h4>什么是HTML</h4>
<h5>什么是HTML</h5>
<h6>什么是HTML</h6>
<p align="left">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p align="center">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p align="right">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p align="justify">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p> HTML指的是超文本标记语言（Hyper Text Markup Language），<br/>
HTML不是一种编程语言，而是一种标记语言（markup language），<br/>
标记语言是一套标记标签（markup tag）。</p>
<pre>
HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。
</pre>
<hr/>
</body>
</html>
水平线：<hr/>
属性如下：
| 属性 | 描述 |
|---|---|
| width | 设置水平线宽度，可以像素或百分比 |
| color | 设置水平线颜色 |
| align | 设置水平线居中对齐 |
| noshade | 设置水平线无阴影 |
<!DOCTYPE html>
<!-- @01文字和段落标签 - 12 -->
<html>
<head>
<!-- 网页头部内容 -->
<title>文字和段落标签</title>
<meta http-equiv="Content-Type" content="text/html;charse=utf-8"/>
</head>
<body>
<!-- 网页主体内容 -->
<!-- 文档标签 -->
<h1>什么是HTML</h1>
<h2>什么是HTML</h2>
<h3>什么是HTML</h3>
<h4>什么是HTML</h4>
<h5>什么是HTML</h5>
<h6>什么是HTML</h6>
<p align="left">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p align="center">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p align="right">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p align="justify">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p> HTML指的是超文本标记语言（Hyper Text Markup Language），<br/>
HTML不是一种编程语言，而是一种标记语言（markup language），<br/>
标记语言是一套标记标签（markup tag）。</p>
<pre>
HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。
</pre>
<hr width="80%" color="#666666" align="left"/>
<p>
HTML标记标签通常被称为HTML标签
HTML标签是由尖括号包围的关键词
HTML标签通常是成对出现
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签</p>
</body>
</html>
修饰标签：
文字斜体：<i></i>、<em></em>
加粗：<b></b>、<strong></strong>
下标：<sub>
上标：<sup>
下划线：<ins>
删除线：<del>
<!DOCTYPE html>
<!-- @01文字和段落标签 - 13 -->
<html>
<head>
<!-- 网页头部内容 -->
<title>文字和段落标签</title>
<meta http-equiv="Content-Type" content="text/html;charse=utf-8"/>
</head>
<body>
<!-- 网页主体内容 -->
<!-- 文档标签 -->
<h1>什么是HTML</h1>
<h2>什么是HTML</h2>
<h3>什么是HTML</h3>
<h4>什么是HTML</h4>
<h5>什么是HTML</h5>
<h6>什么是HTML</h6>
<p align="left">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p align="center">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p align="right">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p align="justify">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p> HTML指的是超文本标记语言（Hyper Text Markup Language），<br/>
HTML不是一种编程语言，而是一种标记语言（markup language），<br/>
标记语言是一套标记标签（markup tag）。</p>
<pre>
HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。
</pre>
<hr width="80%" color="#666666" align="left"/>
<!--修饰标签-->
<p><i>HTML</i>标记标签通常被称为<em>HTML标签</em></p>
<p>HTML标签是由<b>尖括号</b>包围的<strong>关键词</strong></p>
<p>HTML标签通常是<ins>成对出现</ins></p>
<p>标签对中的第一个标签是<del>开始标签</del>，第二个标签是<del>结束标签</del></p>
<p>开始和结束标签也被称为<sup>开放标签</sup>和<sub>闭合标签</sub></p>
</body>
</html>
<!DOCTYPE html>
<!-- @01文字和段落标签 - 14 -->
<html>
<head>
<!-- 网页头部内容 -->
<title>文字和段落标签</title>
<meta http-equiv="Content-Type" content="text/html;charse=utf-8"/>
</head>
<body>
<!-- 网页主体内容 -->
<!-- 文档标签 -->
<h1>什么是HTML</h1>
<h2>什么是HTML</h2>
<h3>什么是HTML</h3>
<h4>什么是HTML</h4>
<h5>什么是HTML</h5>
<h6>什么是HTML</h6>
<p align="left">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p align="center">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p align="right">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p align="justify">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p> HTML指的是超文本标记语言（Hyper Text Markup Language），<br/>
HTML不是一种编程语言，而是一种标记语言（markup language），<br/>
标记语言是一套标记标签（markup tag）。</p>
<pre>
HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。
</pre>
<hr width="80%" color="#666666" align="left"/>
<!--修饰标签-->
<p><i>HTML</i>标记标签通常被称为<em>HTML标签</em></p>
<p>HTML标签是由<b>尖括号</b>包围的<strong>关键词</strong></p>
<p>HTML标签通常是<ins>成对出现</ins></p>
<p>标签对中的第一个标签是<del>开始标签</del>，第二个标签是<del>结束标签</del></p>
<p>开始和结束标签也被称为<sup>开放标签</sup>和<sub>闭合标签</sub></p>
<!--特殊符号-->
<p>标签是成对出现，比如<b></b></p>
</body>
</html>
我们可以看到，<b></b>标签在网页中没有展示出来，为什么呢？因为HTML文档把<b></b>标签翻译成加粗标签。那么如何在网页中展示"<"呢？
特殊符号：
| 属性 | 显示结果 | 描述 |
|---|---|---|
< | < | 小于号或显示标记 |
> | > | 大于号或显示标记 |
® | ® | 已注册 |
© | © | 版权 |
™ | ™ | 商标 |
| Space | 不断行的空白 |
<!DOCTYPE html>
<!-- @01文字和段落标签 - 15 -->
<html>
<head>
<!-- 网页头部内容 -->
<title>文字和段落标签</title>
<meta http-equiv="Content-Type" content="text/html;charse=utf-8"/>
</head>
<body>
<!-- 网页主体内容 -->
<!-- 文档标签 -->
<h1>什么是HTML</h1>
<h2>什么是HTML</h2>
<h3>什么是HTML</h3>
<h4>什么是HTML</h4>
<h5>什么是HTML</h5>
<h6>什么是HTML</h6>
<p align="left">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p align="center">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p align="right">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p align="justify">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p> HTML指的是超文本标记语言（Hyper Text Markup Language），<br/>
HTML不是一种编程语言，而是一种标记语言（markup language），<br/>
标记语言是一套标记标签（markup tag）。</p>
<pre>
HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。
</pre>
<hr width="80%" color="#666666" align="left"/>
<!--修饰标签-->
<p><i>HTML</i>标记标签通常被称为<em>HTML标签</em></p>
<p>HTML标签是由<b>尖括号</b>包围的<strong>关键词</strong></p>
<p>HTML标签通常是<ins>成对出现</ins></p>
<p>标签对中的第一个标签是<del>开始标签</del>，第二个标签是<del>结束标签</del></p>
<p>开始和结束标签也被称为<sup>开放标签</sup>和<sub>闭合标签</sub></p>
<!--特殊符号-->
<p>标签是成对出现，比如<b>和</b></p>
</body>
</html>
<!DOCTYPE html>
<!-- @01文字和段落标签 - 16 -->
<html>
<head>
<!-- 网页头部内容 -->
<title>文字和段落标签</title>
<meta http-equiv="Content-Type" content="text/html;charse=utf-8"/>
</head>
<body>
<!-- 网页主体内容 -->
<!-- 文档标签 -->
<h1>什么是HTML</h1>
<h2>什么是HTML</h2>
<h3>什么是HTML</h3>
<h4>什么是HTML</h4>
<h5>什么是HTML</h5>
<h6>什么是HTML</h6>
<p align="left">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p align="center">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p align="right">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p align="justify">HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。</p>
<p> HTML指的是超文本标记语言（Hyper Text Markup Language），<br/>
HTML不是一种编程语言，而是一种标记语言（markup language），<br/>
标记语言是一套标记标签（markup tag）。</p>
<pre>
HTML指的是超文本标记语言（Hyper Text Markup Language），
HTML不是一种编程语言，而是一种标记语言（markup language），
标记语言是一套标记标签（markup tag）。
</pre>
<hr width="80%" color="#666666" align="left"/>
<!--修饰标签-->
<p><i>HTML</i>标记标签通常被称为<em>HTML标签</em></p>
<p>HTML标签是由<b>尖括号</b>包围的<strong>关键词</strong></p>
<p>HTML标签通常是<ins>成对出现</ins></p>
<p>标签对中的第一个标签是<del>开始标签</del>，第二个标签是<del>结束标签</del></p>
<p>开始和结束标签也被称为<sup>开放标签</sup>和<sub>闭合标签</sub></p>
<!--特殊符号-->
<p>标签是成对出现，比如<b>和</b></p>
<p>Copyright ©2016 imooc.com All Rights Reserved</p>
</body>
</html>
选择题
1.单选题
代码<i>html</i>实现什么效果（选择一项）
A 下标
B 斜体
C 下划线
D 加粗
选择B
编程练习
请根据下面的效果，完成HTML代码编写。
效果图：
任务
1.根据效果图在网页中输入文字内容
2.第一行和第三行使用段落标签
3.第一行文字之间有空格并用"|"符号隔开
4.第三行相应特殊符号使用代码来代替
5.第一行和第三行内容之间使用水平线隔开
6.内容在网页中居中显示
代码如下：
<!DOCTYPE html>
<!-- @01文字和段落标签 - test2 -->
<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
<style>
</style>
</head>
<body>
<p align="center">关于我们 | 招聘信息 | 联系我们 | 意见反馈</p>
<hr>
<p align="center">Copyright ©2016 imooc.com All Rights Reserved</p>
</body>
</html>
效果如下：
3851
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
