二、格式標(biāo)志
1.<p></p>
2.<br>
3.<blockquote></blockquote>
4.<dl></dl><dt></dt><dd></dd>
5.<ol></ol><ul></ul><li></li>
6.<div></div>
上一個(gè)教程中我們講了Html文檔的基本標(biāo)志，但我們還不知道怎樣在瀏覽器中顯示文本之類的東西，這正是我們?cè)诮坛潭袑⒁劦降?。在學(xué)習(xí)之前，必須強(qiáng)調(diào)一下，我們這個(gè)教程中所講的格式標(biāo)志統(tǒng)統(tǒng)都是用于<body></body>標(biāo)志對(duì)之間的。
1.<p></p>
<p></p>標(biāo)志對(duì)是用來創(chuàng)建一個(gè)段落，在此標(biāo)志對(duì)之間加入的文本將按照段落的格式顯示在瀏覽器上。另外，<p>標(biāo)志還可以使用align屬性，它用來說明對(duì)齊方式，語法是：<p align=""></p>。Align可以是Left(左對(duì)齊)、Center(居中)和Right(右對(duì)齊)三個(gè)值中的任何一個(gè)。如<p align="Center"></p>表示標(biāo)志對(duì)中的文本使用居中的對(duì)齊方式。
2.<br>
<br>是一個(gè)很簡(jiǎn)單的標(biāo)志，它沒有結(jié)束標(biāo)志，因?yàn)樗脕韯?chuàng)建一個(gè)回車換行，這么一說我想您該會(huì)使用了吧。在<br>的使用上還有一定的技巧，如果您把<br>加在<p></p>標(biāo)志對(duì)的外邊，將創(chuàng)建一個(gè)大的回車換行，即<br>前邊和后邊的文本的行與行之間的距離比較大，若放在<p></p>的里邊則<br>前邊和后邊的文本的行與行之間的距離將比較小，您不妨試試看。
3.<blockquote></blockquote>
在<blockquote></blockquote>標(biāo)志對(duì)之間加入的文本將會(huì)在瀏覽器中按兩邊縮進(jìn)的方式顯示出來。
4.<dl></dl><dt></dt><dd></dd>
<dl></dl>用來創(chuàng)建一個(gè)普通的列表，<dt></dt>用來創(chuàng)建列表中的上層項(xiàng)目，<dd></dd>用來創(chuàng)建列表中最下層項(xiàng)目，<dt></dt>和<dd></dd>都必須放在<dl></dl>標(biāo)志對(duì)之間?？匆幌孪逻叺睦幽蜁?huì)明白了：
例2 創(chuàng)建一個(gè)普通列表
<html>
<head>
<title>一個(gè)普通列表</title>
</head>
<body text="blue">
<dl>
<dt>中國(guó)城市</dt>
<dd>北京 </dd>
<dd>上海 </dd>
<dd>廣州 </dd>
<dt>美國(guó)城市</dt>
<dd>華盛頓 </dd>
<dd>芝加哥 </dd>
<dd>紐約 </dd>
</dl>
</body>
</html>
此例在瀏覽器中的顯示如下:
- 中國(guó)城市
- 北京
- 上海
- 廣州
- 美國(guó)城市
- 華盛頓
- 芝加哥
- 紐約
5.<ol></ol><ul></ul><li></li>
<ol></ol>標(biāo)志對(duì)用來創(chuàng)建一個(gè)標(biāo)有數(shù)字的列表；<ul></ul>標(biāo)志對(duì)用來創(chuàng)建一個(gè)標(biāo)有圓點(diǎn)的列表；<li></li>標(biāo)志對(duì)只能在<ol></ol>或<ul></ul>標(biāo)志對(duì)之間使用，此標(biāo)志對(duì)用來創(chuàng)建一個(gè)列表項(xiàng)，若<li></li>放在<ol></ol>之間則每個(gè)列表項(xiàng)加上一個(gè)數(shù)字，若在<ul></ul>之間則每個(gè)列表項(xiàng)加上一個(gè)圓點(diǎn)。請(qǐng)看下邊的例子：
例3 標(biāo)有數(shù)字或圓點(diǎn)的列表
<html>
<head>
<title></title>
</head>
<body text="blue">
<ol>
<p>中國(guó)城市 </p>
<li>北京 </li>
<li>上海 </li>
<li>廣州 </li>
</ol>
<ul>
<p>美國(guó)城市 </p>
<li>華盛頓 </li>
<li>芝加哥 </li>
<li>紐約 </li>
</ul>
</body>
</html>
此例在瀏覽器中的顯示如下:
中國(guó)城市
- 北京
- 上海
- 廣州
6.<div></div>
<div></div>標(biāo)志對(duì)用來排版大塊Html段落，也用于格式化表，此標(biāo)志對(duì)的用法與<p></p>標(biāo)志對(duì)非常相似，同樣有align對(duì)齊方式屬性，讀者可以自己試試看。
|
