第二章构成网页的基本元素


答案：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 易做图st 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 语言的结构

更多图片编程知识:

第二章构成网页的基本元素

`<h1>标题元素！</h1>` 标题元素！

`<h2>标题元素！</h2>` 标题元素！

`<h3>标题元素！</h3>` 标题元素！

`<h4>标题元素！</h4>` 标题元素！

`<h5>标题元素！</h5>` 标题元素！

`<h6>标题元素！</h6>` 标题元素！

第二章 构成网页的基本元素

<h1>标题元素！</h1> 标题元素！

<h2>标题元素！</h2> 标题元素！

<h3>标题元素！</h3> 标题元素！

<h4>标题元素！</h4> 标题元素！

<h5>标题元素！</h5> 标题元素！

<h6>标题元素！</h6> 标题元素！

第二章构成网页的基本元素

`<h1>标题元素！</h1>` 标题元素！

`<h2>标题元素！</h2>` 标题元素！

`<h3>标题元素！</h3>` 标题元素！

`<h4>标题元素！</h4>` 标题元素！

`<h5>标题元素！</h5>` 标题元素！

`<h6>标题元素！</h6>` 标题元素！