一、了解ＨＴＭＬ５文档的结构
１、文档类型
<!DOCTYPE HTML> - 指定文档类型
2、根元素
<html> -文档的根元素 没有实质性的功能，HTML文件不可缺少的内容
3、头元素
<head>
<meta charset="utf-8"> 指定字符编码为UTF-8
<title> HTML页的头 </title> 头元素
</head>
4、主题元素
<body>
<img src="pic.jpg" width="400" height="400"> 主体元素
</body>
</html>
二、ＨＴＭＬ文字排版标记
1、文字与特殊标记
在HTML文档中，要显示普通文字，只需要在<body>主题标记中，或者其他子标记中直接输入所需文字就可以了。不过，对于空格和一些特殊符号就不能直接输入了，而是需要通过一个以“&”符号开，以“；”符号结束的实体名称来替代。如 特殊符号 空格 实体名称
2、段落标记
<p> </p> 段落标记在段前段后个添加一个空行，而定义在段落标记中的内容，不收该标记的影响。
3、换行标记
<br> 在ＨＴＭＬ文档中输入类似于Word等文档编辑软件中常用的换行(Enter）是没有用的。
4、标题标记
<h1> </h1> <h2> </h2> <h3> </h3>
<h4> </h4> <h5> </h5> <h6> </h6>
数字越小，表示级别越高，文字的字体也就越大
5、文字列表标记
（1）无序列表
无序列表是在每个列表项的前面添加一个圆点符号。通过<ul>标记可以创建一组无序列表，其中每一个列表一<li>标记表示。
（2）有序列表
有序列表和无序列表的区别是，使用有序列表标记可以将列表项进行编号。有序列表的标记为<ol>,每一个列表项前使用<li>标记。有序列表的列表项是有一定顺序的。