html有序無序定義下文詳細說明（案例介紹）|蘿卜系統下載站

網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言，是因為文本中包含了所謂“超級鏈接”點。

在前面小編已經把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有序無序定義列表下載本實例相關素材及源碼

網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。

溫馨提示：喜歡本站的話，請收藏一下本站！

當前位置:蘿卜系統下載站 > 網頁設計教程 > 詳細頁面

html有序無序定義下文詳細說明（案例介紹）

本類教程下載

系統下載排行