當前位置：軟件學堂 > 資訊首頁 > 網絡編程 > DIV+CSS > html有序無序定義列表詳解（案例介紹）

html有序無序定義列表詳解（案例介紹）

2013/8/19 17:15:33作者：佚名來源：網絡

移動端

在前面小編已經把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>

請點擊：html有序無序定義列表下載本實例相關素材及源碼

標簽：列表

上一篇：電腦主板維修總結7大解決要點
下一篇：HTML5 canvas畫帶箭頭的虛線

相關文章

熱門軟件/ 推薦游戲/ 手機軟件

資訊分類

Dreamweaver Flash DIV+CSS 編程其他

推薦教程

精品軟件推薦

360安全衛士

訊飛輸入法

欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频视频,欧美一级特黄录像视频