耗费时间：55min
第一章：HTML 入门
1.标签和元素的概念
2.嵌套元素
3.内联元素和块级元素。
内联元素：出现在块级元素中，内联元素不会导致文本换行
块级元素：内容以块的形式展现，相对于前面的内容，块级元素的内容会换行展示，同时还会将他后面的内容也换行。比如,<p>就是块级元素
4.空元素
5.元素的属性
6.锚（链接）, <a></a>标签
7.<input></input>标签
8.标签的属性的定义格式
与开始标签的名称之间有一个空格，属性名称="属性内容"
9.完整的HTML页面是如何由特定元素组成的
(1)文档申明
(2)<html></html>标签，这个元素包含了整个完整的页面，是一个根元素
(3)<head></head>标签 它包含了所有你想包含在HTML页面中但不想在HTML页面中显示的内容，比如页面描述、css样式、字符集声明
(4)<meta></meta>标签 设置字符集编码，比如设置属性 charset="utf-8"，包含在<head>标签中
(5)<title></title>标签，包含在<head>标签中
(6)<body></body>标签 包含了你访问页面时所有显示在页面上的内容，文本，图片，音频，游戏等等。
10.HTML中的特殊字符
<>,",',&
如果要在页面中展示这些特殊字符，就用用他们的转义字符，例如要在页面展示<p>，那么代码应该写为 <p>
11.HTML 中的注释用<!--注释-->包裹即可
12.在页面中插入图片<img>元素，属性：scr, alt
13.文本标记HTML元素
(1)标题 <h1>,...,<h6>
(2)段落 <p>
(3)列表，<ul>,<ol>，其实就是格式化的段落
(4)链接 <a>, 属性: href
第二章：HTML 多媒体与嵌入
资料目录：学习 Web 开发请参见 学习 HTML ：指南与教程多媒体与嵌入
耗费时间：20 min + 25min
- 将图片放到网页上：<img> 元素
注意：
<img>, <vedio> 这样的元素也称为替换元素，因为元素的内容和尺寸是有外部资源决定的。
src属性，alt属性
注意：
在得到授权之前永远不要把你的src属性指向其他人网站上的图片。这被称为"盗链（hotlinking）"
width属性, height 属性。
注意：
不应该使用html的属性来改变图片的大小，因为只要图片的尺寸不正确，图片看起来就会扭曲。在把图片放到你的网站页面之前，你应该使用图形编辑器使图片的尺寸正确。
如果你需要改变图片的尺寸，你应该使用CSS而不是HTML。
title属性
图片的语义容器：<figure>元素和<figcaption>元素
- 在网页中插入视频与音频
<video>, <audio> 元素
- 嵌入技术
- 在网页中添加矢量图形
网页上有两种类型的图片：位图（像素定义）和矢量图（算法定义），后者放大以后也不会变化，而前者放大以后会像素化。
SVG 用于描述矢量图形的XML语言。
在HTML中通过<img>元素添加SVG。
第三章：HTML 表格
资料目录：学习 Web 开发请参见 学习 HTML ：HTML 表格
耗费时间： 10min+15min+5min
1.表格的构成元素
<table>元素
<td>元素 多个td 会构成一行，单元格
<tr> 元素 行标签
<th> 元素 行和列的第一个元素，叫标题
Colspan 与rowspan 属性
<col> 和<colgroup>元素 用来设置一列的样式，一个<col>元素设置一列的样式，如果这一列不需要设置样式，也需要放一个空元素<col>，否则就要使用<col>元素的span属性。要注意这两个元素的位置就在<table>标签的下方。
帮助标记表格结构的元素：<thead>, <tbody>, <tfoot>
使用这些元素可以更好的让CSS应用到表格上。
<thead>代表第一行，也就是每一列的标题。
<tfoot>代表最后一行。
<tbody>除去第一行和最后一行的内容