教材：W3C课堂
第一章 简介
1.HTML 定义（Hyper Text Markup Language)
HTML是用来描述网页的一种超文本标记语言,而不是编程语言。它使用标记标签来描述网页。
2.HTML 标记标签（HTML tag)
HTML 标签是由尖括号包围起来的关键词，如<html>.通常是成对出现的，第一个标签是开始标签，第二个是结束标 签。比如<b></b>.开始和结束标签也被称为开放标签和闭合标签。
3.HTML 文档=网页
网页由三个基本组件组成：文本内容，对更复杂的内容的偶尔引用，比如连接，图
片，以及标记，也就是描述内容和引用改如何显示的指令。
HTML文档包含HTML标签和纯文本。Web浏览器的作用就是读取HTML文档，并以网页的形式显示出来。
浏览器不会显示HTML标签，而是使用标签来解释页面的内容。
4.如何查看网页源代码
打开网页，单击右键，选择“查看源文件（IE）”或“查看页面源代码”(FireFox).
5.HTML 编辑器
专业的HTML编辑器
Adobe Dreamweaver
Microsoft Expression Web
CoffeeCup HTML Editor
文本编辑器
Notepad 或TextEdit
保存时选择后缀.html或.htm.运行时启动浏览器，选择文件菜单中的打开文件命令或直接双击HTML文件。
第二章 HTML 标签
1.HTML 标题
HTML标题（heading)是通过<h1>-<h6>等标签来进行定义的。
<h1>定义最大的标题。<h6>定义最小的标题。浏览器会在标题的前后添加空行
2.HTML 段落
HTML段落是通过<p>标签来定义的。浏览器会自动在段落的前后添加空行，如果需要在段落里面添加空行，请用<br/>。浏览器会忽略源代码的排版，HTML文本中所有连续的空格或空行都算作一个空格，使用标签除外。
3.HTML 超链接链接
HTML 使用超级链接与网络上的另一个文档相连，点击链接进行跳转。超链接可以
使一个字，一个词，也可以是一幅图。通过使用<a>标签进行定义。
（1）使用href属性：创建指向另一个文档的连接
<a
href="http://www.w3school.com.cn/">Visit W3School</a>
（2）使用name属性：规定锚的名称，创建文档内的书签,书签对读者不可见。当
使用锚时，直接跳转到该命名锚的连接。
第一步：命名锚
<a name="tips">基本的注意事项 - 有用的提示</a>
第二步：引用
<a href="#tips">有用的提示</a>
也可在其他页面中创建指向该锚的连接，将#和锚名称添加到URL末端。
<a
href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>
（3）Target属性：定义文档在何处显示
<a href="http://www.w3school.com.cn/"
target="_blank">Visit W3School!</a> 在新窗口打开链接
4.HTML 图像
HTML图像是通过<img>标签进行定义的。只包含属性，并且没有闭合标签。
（1）源属性src
<img src="url" /> url指存储图像的位置。
(2)替换文本属性Alt
当图像无法显示时的替换文本
<img src="boat.gif"
alt="Big Boat">
（3）图像对齐或浮动属性align(bottom,middle,top，left，right)
<img src="/i/eg_cute.gif" align="bottom">
（4）尺寸属性
<img src="/i/eg_mouse.jpg" width="50" height="50">
5.HTML 表格
表格有<table>标签来定义，每个表格有若干行，由<tr>定义,每一行有若干个单
元格，由<td>定义。单元格内容可以包含文本，图片，列表，段落，水平线。如果
单元格是空的，可能无法显示单元格边框，可添加一个空格占位符。
如果不设表格边框属性，表格将不显示边框，边框属性由border="1"设置。
表格的表头用标签<th>定义，用法和<td>一样。浏览器会将表头显示为粗体居中
的文本。
6.HTML 列表
（1）无序列表
无序列表始于<ul>标签，每个列表始于<li>.
（2）有序列表
有序列表始于<ol>标签，每个列表始于<li>.
5.HTML 水平线
<hr>标签在HTML页面中创建水平线。<hr/>是空元素，用于分隔内容。
6.HTML 注释
<!>标签用来添加注释，注释内容填写在感叹后后面。
7.换行
<br/>用来换行，它是一个空元素。
第三章 元素
1.HTML 元素
HTML文档是由HTML元素定义的。HTML元素从开始标签起始，以结束标签终止。元素的内容是开始标签和结束标签 之间的内容。空元素在开始标签中进行关闭。大多数HTML元素可以嵌套。
2.空的HTML元素
没有内容的HTML元素被称为空元素。空元素是在开始标签中进行关闭的。在开始标签中加斜杠，是关闭空元素的正确方法。如定义换行的<br/>标签。
3.HTML块元素<div>
块级元素在浏览器显示时，通常会以新行开始和结束，如：<h1>,<p>,<ul>,<table>.
4.内联元素<span>
内联元素在显示时不会以新行开始。如：<b>,<td>,<a>,<img>
第四章 属性
1.HTML 属性
HTML属性总是以名称/值的形式出现，比如：name="value",它总是在HTML元素
的开始标签中规定。例如： <a href="http://www.w3cschool.com.cn">This is a link.</a>.属性值要加双引号，如果属性值本身包含双引号，就使用单引号。
第五章 标签
1.文本格式化标签
<b> 定义粗体字
<big> 定义大号字
<small> 定义小号字
<em> 定义着重文字
<i> 定义斜体字
<strong>定义加重语气
<sub> 定义下标字
<sup> 定义上标字
2.“计算机输出”标签
<pre> 定义预格式，保留了空格和换行。适合显示计算机代码。
<ins> 定义插入字
<del> 定义删除字
第六章 HTML样式
1.外部样式表（样式需要被应用到很多页面）
2.内部样式表（单个文件）
3.内联样式（单个元素）
<style> 定义样式定义
<link> 定义资源引用
<div> 定义文档中的节或区域（块级）
<span> 定义文档中的行内的小块或区域
第七章：如何创建表单
表单是一个包含表单元素的区域，表单元素允许用户在表单中输入信息，如文本域，下拉框或单选框。表单使用<form>标签，表单元素使用<input>标签，输入类型有属性type控制。下拉框使用标签<select>和<option>控制，默认值由属性selected控制。
type取值：text(文本域）,radio(单选),checkbox(复选),button(创建按钮).
实例：
1.文本
<!DOCTYPE html>
<html>
<body>
<form>first name:
<input type="text" name="first name"/>
<br/>
last name:
<input type="text" name="last name"/>
</form>
</body>
</html>
2.下拉框
<form>
cars:
<select name="cars:">
<option value="volvo">volvo</option>
<br/>
<option value="saab">saab</option>
<br/>
<option value="audi"
selected="selected">audi</option>
</select>
</form>
3.创建按钮
<form>
<input type="button" value="OK"/>
</form>
第八章 框架
1.通过使用框架，可以再同一个窗口显示不只一个页面，每个框架都相互独立。使用标签<frameset>分割窗口，属性rows/cols定义框架的面积。<frame>标签定义放置在每个框架中的HTML文档。src 属性控制html文件地址，noresize属性定义用户不可拖动边框来改变打大小。
实例：
<frameset cols="25%,50%,25%">
<frame. src="/example/html/frame_a.html" noresize=“noresize”>
<frame. src="/example/html/frame_b.html">
<frame. src="/example/html/frame_c.html">
</frameset>
2.内联框架
即在网页内显示网页，使用标签<iframe>,src 属性定义URL地址，height,width定义高度和宽度，frameborder定义是否显示边框，
<iframe. src="/html/index.asp" height="300px" width="99%" frameborder="0"style="margin-top:15px;"></iframe>
第九章 背景
背景由<body>标签的属性进行定义，它有两个配置背景的属性，bgcolor和background.bgcolor属性定义背景的颜色，属性值可以是十六进制，rgb值或颜色名。background将背景设置为图像，属性值为图像的URL,如果图像尺寸小于窗口，那么图像将在整个浏览器窗口进行复制。
第九章 颜色
颜色有一个十六进制符号来定义，这个符号由红、绿、蓝三色组成，没中颜色最小值是0，（十六进制：#00），最大值是255（十六进制：#FF)
