参考文献： 《HTML, CSS, JavaScript 整合详解》 王津涛 编著，机械工业出版社
1. HTML —— Hyper Text Markup Language （超文本标记语言）
2. DTD —— Document Type Definition （文档类型定义）
HTML 4.01提供了三种DTD文档
① 严密型，不包括不被推荐的元素和属性，不包含框架（frameset）
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
“http://www.w3.org/TR/html14/strict.dtd”>
② 过渡型，包含严密型DTD文档所有内容，还可以使用不被推荐的元素和属性
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
“http://www.w3.org/TR/html14/loose.dtd”>
③ 框架型，包含过渡型以及框架
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
“http://www.w3.org/TR/html14/frameset.dtd”>
HTML5 （推荐使用）
<!DOCTYPE html>
3. HTML文档head元素中包含的meta元素用来指定有关这个文档的相关信息，例：
<meta http-equiv=“Content-Type” content=“text/html;charset=GB18030”>
meta元素的属性有两种，即http-equiv和name
（1）http-equiv回应给浏览器一些有用信息，以帮助正确和精确地显示网页内容，属性包括Content-Type、Pragma、Refresh、Expires、Set-Cookie、Window-target等
① <meta http-equiv=“Pragma” content=“no-cache”>
设定禁止浏览器从本地机的缓存中调阅页面内容，即无法实现脱机浏览网页
② <meta http-equiv=“Refresh” content=“8;url=http://www.eclipse.org”>
让当前网页在指定时间内跳转到指定网页，时间单位：秒
③ <meta http-equiv=“Window-target” content=“_blank”>
设置网页在窗口中独立显示，为防止他人在frame页面中调用
Window-target的content包括：_top、_blank、_self、_parent
“_parent”是链接文件在当前窗口的父级窗口中打开；“_self”链接文件在当前窗口（帧）中打开；“_top”链接文件全屏显示
（2）name的作用是在一些搜索引擎中使用meta的name和content属性来索引的页面，属性包括Keyword、Author、Description、Robots、Copyright等
其中Robots：
用法：
<meta name=“Robots” content=“all|none|index|noindex|follow|nofollow”>
作用：用来通知搜索引擎哪个页面需要索引，哪个页面不需要索引
参数content包括：
all：文件被检索，页面上的链接能被查询
index：文件被检索
follow：页面上的链接能被查询
noindex：文件不被检索，但页面上的链接能被查询
nofollow：文件不被检索，但页面上的链接能被查询
none：文件不能被检索，页面上的链接也不能被查询
4. 标签可以拥有属性，属性应该添加在HTML元素的起始标签中（属性值应该用引号括起来，双引号为标准格式，单引号也可以使用，但当属性值中的内容已经有双引号时，属性外部使用单引号，例：name=’John “ShotGun” Nelson’）
5. HTML文档中的标签大小写通用，但建议使用小写HTML标签，因为W3C组织推荐HTML4和XHTML使用小写标签
6. 默认情况标题左对齐显示，目前大多数浏览器支持align属性，即支持左对齐、右对齐和居中对齐
<h2 align=”left”>标题左对齐</h2>
<h2 align=”center”>标题居中</h2>
<h2 align=”right”>标题右对齐</h2>
HTML4和XHTML中不推荐使用align属性
7. 浏览器忽略用户在HTML编辑器中键入的回车符，段落标签会在段落中加上额外空行
HTML4.01中与p元素有关的属性不再推荐使用，XHTML1.0的严密型DTD已经不再支持与p元素有关的任何“一般性属性”（如align）
8. div元素中的align属性在HTML4.01中已不再推荐使用，XHTML1.0严密型DTD不支持div元素里的align属性
9. 在HTML中换行标签<br>不需要结束标签，而在XHTML中必须使用合理的关闭，形如<br/>，像<br>这样的单个标签，在XHTML中一般都要合理闭合
10. 水平分割线<hr>
① width设置水平线宽度
② color设置水平线颜色
③ align设置水平线对齐方式
④ size设置水平线高度
⑤ noshade设置水平线无阴影效果
size、width属性有两种使用方式：以像素为单位，如<hr width=60>；以百分比指定宽度，如<hr width=60%>
color属性也有不同的使用方式：颜色名，如<hr color=red>；十六位进制的颜色值，如<hr color=#FF000>；RGB混合模式，如<hr color=rgb(255,0,0)>
11. HTML代码注释： <!--是注释部分-->
12. 常见的文字格式化标签
| 标签 | 说明 | 标签 | 说明 |
| <b> | 加粗文字 | <ins> | 插入文字 |
| <i> | 斜体文字 | <del> | 删除线 |
| <big> | 加大文字 | <s> | 删除线 |
| <small> | 缩小文字 | <strike> | 删除线 |
| <sup> | 上标 | <strong> | 加强文字 |
| <sub> | 下标 | <em> | 强调文字 |
| <u> | 下划线 |
|
|
注：① <big>和</big>中的字符或文字显示为比周围字符或文字大一号的字体，7号字体为上限；<small>和</small>中的字符或文字若已是最小号字体，则不起作用
② <strike>标签用来删除字符或文字，作用与<s>标签相同，在HTML4.01中不推荐使用<strike>、<s>标签，用<del>标签代替
③ <em>标签样式效果类似于<i>标签；<strong>标签效果类似于<b>标签，但是<strong>的作用却与<em>标签相似，都是用来强调文本，<strong>强调的程度比<em>的高一些
④ <ins>标签与<del>标签相对应，用来向文档主体内容中在指定位置插入文本
⑤ 在HTML4.01中不推荐使用<u>标签，XHTML1.0严密型DTD不支持u元素
13. 常见的计算机输出格式标签
| 标签 | 说明 |
| <code> | 计算机代码格式 |
| <kbd> | 键盘输入字符格式 |
| <tt> | 电报文字或是单一间隙文字 |
| <samp> | 计算机代码样式 |
| <var> | 变量，编程代码 |
| <pre> | 预先格式化文本 |
注：① <var>标签用来显示计算机编程代码，输出效果类似斜体
② <samp>标签很少用到
③ 格式化标签<pre>可以使浏览器显示预先设置好格式的文本，即显示器会按照已格式化好的文本原封不动地显示文本内容，若不使用预格式化标签，浏览器将忽略空格和换行，如：
<pre>
<b>
Lesson 14 The Butterfly Effect
</b>
Beyond two or three days, the world’s best weather forecasts are speculative, and beyond six or seven they are worthless.
</pre>
尝试去掉<pre>标签查看效果，考虑到代码规范，pre标签应该没有太大的实际用途
④ HTML4.0中的<pre>标签已经不支持width属性；XHTML1.0严密型DTD也不再支持<pre>标签中的width属性
⑤ <listing>、<plaintext>、<xmp>标签的功能与<pre>相同，已不推荐使用
14. 常见的引文和定义标签
| 标签 | 说明 |
| <abbr> | 指出有缩写的内容（可用于页面提示） |
| <acronym> | 定义缩写（可用于页面提示） |
| <blockquote> | 定义长引用 |
| <q> | 定义短引用 |
| <address> | 定义地址（斜体显示） |
| <bdo> | 定义文字顺序 |
| <dfn> | 定义的期限 |
| <cite> | 定义引证 |
注：① <acronym>从字义上理解，是取首字母的缩写词，<abbr>是缩写，在应用过程中，两个标签看起来差不多，title属性定义一个完整的词组，当鼠标停留在该缩写词上时将显示完整的词组，如：
<abbr title="British Broadcasting Corporation">BBC</abbr>
<acronym title="World Wide Web">www</acronym>
IE6不支持abbr标签，IE7与FF支持
② <blockquote>标签定义了长文字的引用，通常是一个段落或几个段落，而浏览器通常以两段缩进的方式显示这些文本，HTML标准对文本块的长度没有限制，若文本块过长，通常在其中嵌入<p>标签配合使用；<q>标签定义短引用，某些浏览器不支持<q>标签；引用时可以使用cite属性标识所引用的文字来源于哪个文档（实际中貌似没什么用）
③ <address>标签用来标识地址、签名或文档的作者等信息，使内容区别于其他文本，以斜体显示，不具有链接效果（通常地址要显示在页面左下角，用分割线<hr>与正文隔开，时常与超文本链接结合使用）
④ <bdo>标签用于定义文字显示顺序，通过dir属性改变文字的现实方向，“rtl”为从右到左，“ltr”为从左到右，例：<bdo dir="rtl">文字显示顺序</bdo>
15. <font>标签
① size属性设置字体大小：a. 绝对字体大小，size属性值1~7；b相对字体大小，使size值等于一个默认字体大小的相对值，例：<font size+=3></font>，通常默认字体大小为3 （试了一下相对字体，貌似没效果~）
② color属性设置改变文字颜色，属性值可以为颜色名，也可以为颜色值
附HTML颜色代码表：http://www.qqai.net/tool/yansedaima/
③ face属性设置字体样式，若所设置的字体不存在，则以默认字体样式显示，大多数浏览器默认字体样式为Times New Roman
推荐使用样式表代替font标签
5458
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
