html 代码攻略

第二章： 构成网页的基本元素
　 2.1标题(TITLE)
　　Title元素是文件头中唯一一个必须出现的元素，它也只能出现在文件头中。title元素的格式为：
　　文件标题
　　title标明该html文件的标题，是对文件内容的概括。一个好的标题应该能使读者从中判断出该文件的大概内容。文件的标题一般不会显示在文本窗口中，而以窗口的名称显示出来。除了标识窗口外，当将某一 homepage 存入书签或文件时，title还用作书签名或缺省的文件名。
　　title的长度没有限制，但过长的标题会导致折行，一般情况下它的长度不应超过64个字符。由于title的作用是标明文件内容，所以太短的title也是不可取的，比如：introduction 这个标题，读者不可能根据它判断出本文介绍的是什么。一个好的例子是：
　　　An Introduction to HTML
　　在头元素中还可以出现其他元素，如，等等。这些元素都不是必须的，而且也不常用。 这些元素的用法和它们的含义可以参考有关文献。
下面是一个最简单的html 文件
the simplest html file
This is my first html file.
　 §2.2 标题(hn)
　　标题元素有6种，分别为h1, h2,…h6，用于表示文章中的各种标题。标题号越小，字体越大。一般情况下，浏览器对标题作如下解释：
　　h1 黑体，特大字体，居中，上下各有两行空行。
　　h2 黑体，大字体，上下各有一到两行空行
　　h3 黑体(斜体)，大字体，左端微缩进，上下空行
　　h4 黑体，普通字体，比h3更多缩进，上边一空行
　　h5 黑体(斜体)，与h4相同缩进，上边一空行
　　h6 黑体，与正文有相同缩进，上边一空行
　　Netscape 对hn的解释为，一律黑体，字体越来越小。
　　hn可以有对齐属性，align＝#，#表示
left 标题居左
center 标题居中
right 标题居右
　　例: Chapter 2
标题元素！ 标题元素！
标题元素！ 标题元素！
标题元素！ 标题元素！
标题元素！ 标题元素！
标题元素！ 标题元素！
标题元素！ 标题元素！
　 §2.3 分段
　　html的浏览器是基于窗口的，用户可以随时改变显示区的大小，所以html将多个空格以及回车等效为一个空格，这是和绝大多数字处理器不同的。html的分段完全依赖于分段元素。比如下面两段源文件有相同的输出。
This is a level Two Heading
paragraphy one paragraph two
… … … … … … … … … …
This Is a Level Two Heading
paragraph one
paragraph Two
　　也可以有多种属性，比较常用的属性是：
　　aligh＝# #可以是left,center,right,其含义同上文。
　　例　This is a centered paragraph
　　当 html文件中有图形，图形可能占据了窗口的一端，图形的周围可能还有较大的空白区。这时，不带clear属性的可能会使文章的内容显示在该空白区内。为确保下一段内容显示在图形的下方，可使用clear属性。clear属性的含义为：
clear=left 下一段显示在左边界处空白的区域
clear=right 下一段显示在右边界处空白的区域
clear=all 下一段的左右两边都不许有别的内容
　　§2.4 列表List
　　列表用于列举事实，常用的列表有3种格式，即无序列表(unordered List)，有序列表(ordered list)和定义列表(definition list)
　 2.4.1 无序列表(ul)
　　无序列表用(ul)开始，每一个列表条目用引导，最后是，注意列表条目不需要结尾标注。输出时每一列表条目缩进，并且以黑点标示。
例 ：
　
　Today
　Tommorow
　
输出为
　●Today
　●Tommorow
　 2.4.2 有序列表
　　有序列表与无序列表相比，只是在输出时列表条目用数字标示，下面是一个例子及其输出：
　　例：
　　　
　　　Today
　　　Tommorow
　　　
　　输出为：
　　　1.Today
　　　2.Tommorow
　　2.4.3 定义列表
　　定义列表用于对列表条目进行简短说明的场合，用开始，列表条目用引导，它的说明用引导。
Item 1
The definition of item 1
Item 2
Definition or explaination of item 2
输出为：
Item 1
　　The definition of item 1
Item 2
　　Definiton or explaination of item 2
　 2.4.4 改变条目标记
　　1.改变无序列表条目标记
　　无序列表输出时，每一条目前都有一个黑色圆点，用户可以用type序性修改条目的标记。type可以是disc 实心圆点　cirde圆圈 square实心方点
ONE
TWO
THREE
输出为：
●ONE
○TWO
■THREE
　　2.改变有序列表条目标记
　　有序列表条目标记的缺省值是阿拉伯数字，可以用type属性修改。方法为：
#=A, 大写字母
a, 小写字母
I, 大写罗马数字
i, 小写罗马数字
l, 缺省,阿拉伯数字
ONE-ONE
ONE-TWO
输出为：
A.ONE-ONE
B.ONE-TWO
ONE-ONE
ONE－TWO
输出为：
a.ONE-ONE
b.ONE-TWO
ONE-ONE
ONE=TWO
输出为：
Ⅰ.ONE-ONE
Ⅱ.ONE-TWO
ONE-ONE
ONE-TWO
输出为：
i.ONE-ONE
ii.ONE-TWO
ONE-ONE
ONE-TWO
输出为：
1.ONE-ONE
2.ONE-TWO
　 3.改变有序列表条目的起始数字
　　有序列表的条目数字在缺省情况下是从1开始的，用start属性可修改这一值。方法为 #是条目起始号
ONE-ONE
ONE-TWO
TWO-ONE
TWO-ONE
输出为：
E.ONE-ONE
F.ONE-TWO
10.TWO-ONE
xi.TWO-TWO
　　2.4.5 列表的嵌套
　　各种列表可以相互嵌套，每一个列表条目都可以是一个单独的列表。每嵌套一层，列表条目的输出就会有更大的缩进。请参照上面的例子。
　　 §2.5 预格式化文本
　　html的输出是基于窗口的，因而html文件在输出时都是要重新格式化的，若确实不需要重新格式化的内容，可以用…通知浏览器。浏览器在输出时，对这部分内容几乎不做修改地输出，输出的字体电传打字机字体。早期的html规范规定在预格式化区内不能出现格式化输出的元素。如hn等，Netscape在遇到预格式化元素时，允许其中有其他元素。
please use your card.
VISA Master
Here is an order form.
Fax
Air Mail
输出为：
please use your card
VISA Master
Here is an order form.
●Fax
●Air Mail
　　§2.6 块引用
　　块引用用标注，使屏幕显示单独的一块。大多数的浏览器采用缩进编排的方式，使这一块和其他部分的文本区分开来，上下各有一空行。
块引用(Blockquote) ...
Her Song:
When I was young, I listened to the radio
waiting for my favorite songs....

Her Song:
When I was young, I listened to the radio waiting for my favorite songs....
　　§2.7 居中
　　很多元素都有对齐方式属性，如hn 、p等。也可以直接用居中标注…
Wonderful!!
This must be my dream.
输出为：
Wonderful!!
This must be my dream.