一：<!DOCTYPE html>,<html>,<head>,<body>,<meta>,<title>,<script>,<div>,<ul>,<li>与<a>标签的使用
1.<!DOCTYPE html>
<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。
声明不是 HTML 标签，它只是一个声明，就像C语言，JAVA，jquery的声明一样。是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
在 HTML 4.01 中，<!DOCTYPE> 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。
HTML5 不基于 SGML，所以不需要引用 DTD。
注：1.请始终向 HTML 文档添加 <!DOCTYPE> 声明，这样浏览器才能获知文档类型。在HTML5中，也尽量使用该声明
2.<!DOCTYPE> 声明没有结束标签
3.<!DOCTYPE> 声明对大小写不敏感
4.先在基本上使用的都是html5，所以声明时只需用到<!DOCTYPE html>即可。
2.<html>,<head>,<body>
(1)html
此元素可告知浏览器其自身是一个 HTML 文档。限定了文档的开始点和结束点，在它们之间是文档的头部和主体
(2)head
<head> 标签用于定义文档的头部，它是所有头部元素的容器。描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。
<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
注：a.下面这些标签可用在 head 部分：<base>, <link>, <meta>, <script>, <style>, 以及 <title>。<title> 定义文档的标题，它是 head 部分中唯一必需的元素。
b.要注意的是始终为文档规定标题。
(3)body
<body>标签定义文档的主体。
包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）
3.<meta>
<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
位于文档的头部，不包含任何内容。定义了与文档相关联的名称/值对。没有结束标签
4.<script>
<script> 标签用于定义客户端脚本，比如 JavaScript。
script 元素既可以包含脚本语句，也可以通过 src 属性指向外部脚本文件。
比如
<script type="text/javascript">定义了一段javaScript，JavaScript 的常见应用时图像操作、表单验证以及动态内容更新。
5.<div>
(1)定义：
可以根据它的英文(division)含义理解
<div> 可定义文档中的分区或节（division/section）。它把文档分割为独立的、不同的部分。可以单独分为多个部分，每个部分互不影响。和面向对象的类比较类似。如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。
(2)用法为：
<div> 是一个块级元素。这意味着它的内容自动地开始一个新行，浏览器通常会在 div 元素前后放置一个换行符。实际上，换行是 <div> 固有的唯一格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。可以对同一个 <div> 元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。用class和id进行标记，可以认为可以把div看作网页的"类"。
注：
1.这个标签是成对的。
2.请使用 <div> 元素来组合块级元素，这样就可以使用样式对它们进行格式化。
6.ul
(1)定义
<ul> 标签定义无序列表。
无需列表就是前面没有加上顺序符号的列表。
注：请使用样式来定义列表的类型。
7.ol
(1)定义
<ol> 标签定义有序列表。
无需列表就是前面加上顺序符号的列表。
7.li
(1)定义
<li> 标签定义列表项目。
<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。
注：请使用 CSS 来定义列表和列表项目的类型。
8.a
<a> 标签定义超链接，用于从一张页面链接到另一张页面。
<a> 元素最重要的属性是 href 属性，它指示链接的目标。
在所有浏览器中，链接的默认外观是：
- 未被访问的链接带有下划线而且是蓝色的
- 已被访问的链接带有下划线而且是紫色的
- 活动链接带有下划线而且是红色的
被链接页面通常显示在当前浏览器窗口中，除非您规定了另一个目标（target 属性）。
可以使用 CSS伪类向文本超链接添加复杂而多样的样式。
二：clsss,href,charest,src属性讲解
1.class
(1)定义
class 属性规定元素的类名（classname）。
class 属性大多数时候用于指向样式表中的类（class）。不过，也可以利用它通过 JavaScript 来改变带有指定 class 的 HTML 元素。
(2)使用
可以给 HTML 元素赋予多个 class，把若干个 CSS 类合并到一个 HTML 元素。如果类名相同，则认为是一个类。
除了Internet Explorer 支持，其他浏览器类名不能用数字开头。
注：a.class 属性不能在以下 HTML 元素中使用：base, head, html, meta, param, script, style 以及 title。
b.如需为一个元素规定多个类，用空格分隔类名
2.href
(1)定义
<a> 标签的 href 属性用于指定超链接目标的 URL(网页地址)。
(2)用法
href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。当用户选择后，浏览器就会检索并显示href属性指定的URL所表示的文档会javaScript的一些方法。
注：a.可以使用 CSS伪类向文本超链接添加复杂而多样的样式。
b.<a> 标签中必须提供 href 属性或 name 属性。
c.超链接的URL，可能的值有：
- 绝对 URL - 指向另一个站点
- 相对 URL - 指向站点内的某个文件
- 锚 URL - 指向页面中的锚
(3)锚点
命名锚点是网页制造超链接的一种，命名锚记像一个迅速定位器一样是一种页面内的超级链接，运用相当普遍。 后面会详细讲解。
3.charset
(1)定义
charset 属性规定在外部脚本文件中使用的字符编码。
如果外部文件中的字符编码与主文件中的编码方式不同，就要用到 charset 属性。
(2)常用的字符集有：
UTF-8 - Unicode 字符编码
ISO-8859-1 - 拉丁字母表的字符编码
4.src
(1)定义
当你想要引用一个外部文件时，就要用到src，它的值是图像文件的 URL，也就是引用该图像的文件的的绝对路径或相对路径。
(2)使用
可能的值：
绝对 URL - 指向其他站点
相对 URL - 指向站点内的文件
以上是一些常用的标签和属性的用法，细节类的没有涉及到多少，在之后的一步一步学习中，会慢慢讲解更详细的内容。