萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 腳本Html教程 >> html有序無序定義列表

html有序無序定義列表

 html有序無序定義列表 三聯

1、無序列表

無序列表是一個項目的列表,此列項目使用粗體圓點(典型的小黑圓圈)進行標記。無序列表始於 <ul> 標簽。每個列表項始於 <li>。

2、有序列表

同樣,有序列表也是一列項目,列表項目使用數字進行標記。有序列表始於 <ol> 標簽。每個列表項始於 <li> 標簽。

3、定義列表

自定義列表不僅僅是一列項目,而是項目及其注釋的組合。自定義列表以 <dl> 標簽開始。每個自定義列表項以 <dt> 開始。每個自定義列表項的定義以 <dd> 開始。

代碼如下:

	
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>列表</title>
</head>
<body>
<h1 align="center">列表定義</h1>
<ol type="1" >
<li>鏈接</li>
      <ol type="A">
          <li>頁面之間的跳轉</li>
          <li>鏈接結構</li>
          <li>絕對路徑和相對路徑</li>
          <li>錨鏈接</li>
		  <li>鏈接下載</li>
      </ol>
<li>字體標簽</li>
      <ol type="A">
          <li>字體標簽的效果</li>
          <li>字體標簽的屬性</li>
          <li>字體標簽的seo權重</li>
      </ol>
<li>區段標簽</li>
	<ol type="A">
          <li>和上下文進行分區和隔離</li>
          <li>  &lt;hr color="#FF0000" /&gt;水平線</li>
          <li>字體標簽的seo權重</li>
      </ol>
<li>HTML主題結構</li>
<ol type="A">
          <li>html頭部標記</li>
			  <ol type="I">
          <li>DOCTYPE文檔聲明</li>
          <li>html &lt;title&gt;</li>
          <li>html &lt;base /&gt;</li>
              </ol>
          <li>html主題標記</li>
      </ol>
</ol>
<dl>年底電影排行
	   <dt>9月熱播電影
		  <dd>小時代2</dd>
		  <dd>速度與激情6</dd>
	   </dt>
</dl>
</body>
</html>
copyright © 萬盛學電腦網 all rights reserved