DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> 關於HTML >> Html教程(二)-格式標志
Html教程(二)-格式標志
編輯:關於HTML     

上一個教程中我們講了Html文檔的基本標志,但我們還不知道怎樣在浏覽器中顯示文本之類的東西,這正是我們在教程二中將要談到的。在學習之前,必須強調一下,我們這個教程中所講的格式標志統統都是用於<body></body>標志對之間的。

1.<p></p>
<p></p>標志對是用來創建一個段落,在此標志對之間加入的文本將按照段落的格式顯示在浏覽器上。另外,<p>標志還可以使用align屬性,它用來說明對齊方式,語法是:<p align=""></p>。align可以是Left(左對齊)、Center(居中)和Right(右對齊)三個值中的任何一個。如<p align="Center"></p>表示標志對中的文本使用居中的對齊方式。

2.<br>
<br>是一個很簡單的標志,它沒有結束標志,因為它用來創建一個回車換行,這麼一說我想您該會使用了吧。在<br>的使用上還有一定的技巧,如果您把<br>加在<p></p>標志對的外邊,將創建一個大的回車換行,即<br>前邊和後邊的文本的行與行之間的距離比較大,若放在<p></p>的裡邊則<br>前邊和後邊的文本的行與行之間的距離將比較小,您不妨試試看。

3.<blockquote></blockquote>
在<blockquote></blockquote>標志對之間加入的文本將會在浏覽器中按兩邊縮進的方式顯示出來。

4.<dl></dl><dt></dt><dd></dd>
<dl></dl>用來創建一個普通的列表,<dt></dt>用來創建列表中的上層項目,<dd></dd>用來創建列表中最下層項目,<dt></dt>和<dd></dd>都必須放在<dl></dl>標志對之間。看一下下邊的例子您就會明白了:

例2 創建一個普通列表
<html>
<head>
<title>一個普通列表</title>
</head>
<body text="blue">
<dl>
  <dt>中國城市</dt>
    <dd>北京 </dd>
    <dd>上海 </dd>
   <dd>廣州 </dd>
  <dt>美國城市</dt>
    <dd>華盛頓 </dd>
    <dd>芝加哥 </dd>
  <dd>紐約 </dd>
</dl>
</body>
</html>

此例在浏覽器中的顯示如下:
中國城市

北京
上海
廣州
美國城市
華盛頓
芝加哥
紐約

5.<ol></ol><ul></ul><li></li>
<ol></ol>標志對用來創建一個標有數字的列表;<ul></ul>標志對用來創建一個標有圓點的列表;<li></li>標志對只能在<ol></ol>或<ul></ul>標志對之間使用,此標志對用來創建一個列表項,若<li></li>放在<ol></ol>之間則每個列表項加上一個數字,若在<ul></ul>之間則每個列表項加上一個圓點。請看下邊的例子:

例3 標有數字或圓點的列表
<html>
<head>
<title></title>
</head>

<body text="blue">
<ol>
<p>中國城市 </p>
<li>北京 </li>
<li>上海 </li>
<li>廣州 </li>
</ol>

<ul>
<p>美國城市 </p>
<li>華盛頓 </li>
<li>芝加哥 </li>
<li>紐約 </li>
</ul>
</body>
</html>

此例在浏覽器中的顯示如下:

    中國城市

  1. 北京
  2. 上海
  3. 廣州

    美國城市

  • 華盛頓
  • 芝加哥
  • 紐約

6.<div></div>
<div></div>標志對用來排版大塊Html段落,也用於格式化表,此標志對的用法與<p></p>標志對非常相似,同樣有align對齊方式屬性,讀者可以自己試試看。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved