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