DIV CSS 佈局教程網

設為首頁 加入收藏
 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> 淺談html有序列表、無序列表與定義列表
淺談html有序列表、無序列表與定義列表
編輯：HTML和Xhtml     

有序列表

XML/HTML Code復制內容到剪貼板
  1. <ol type="A", start="C"> <!--ordered list-->  
  2.     <li>第一項</li>  
  3.     <li>第二項</li>  
  4. </ol>  

無序列表

XML/HTML Code復制內容到剪貼板
  1. <ul type="disc">  <!--unordered list--> <!--還有兩種type：circle，square-->  
  2.     <li>第一項</li>  
  3.     <li>第二項</li>  
  4. </ul>  

定義列表

定義列表由定義條件(definition term)和定義描述(definition description)構成

XML/HTML Code復制內容到剪貼板
  1. <dt>標記後面添加要解釋的名詞   
  2. <dd>標記後面添加名詞的具體解釋   
XML/HTML Code復制內容到剪貼板
  1. <dl type="disk">  <!--definition list--> <!--還有兩種type：circle，square-->  
  2.     <dt>CSS</dt>  
  3.     <dd>Cascating Style Sheets</dd>  
  4. </dl>  

栗子：

XML/HTML Code復制內容到剪貼板
  1. <!doctype html>  
  2. <html>  
  3.     <head>  
  4.         <meta http-equiv="content-type" content="text/html; charset=utf-8"  
  5.         <meta name="description" content="設置頁面說明">  
  6.         <title>網頁1</title>  
  7.     </head>  
  8.     <body>  
  9.         <h1>標題</h1>  
  10.                 <hr>  
  11.         <ol type="A", start="3"> <!--ordered list-->  
  12.                 <li>第一項</li>  
  13.                 <li>第二項</li>  
  14.         </ol>  
  15.   
  16.         <ul type="disc">  <!--unordered list--> <!--還有兩種type：circle，square-->  
  17.                 <li>第一項</li>  
  18.                 <li>第二項</li>  
  19.         </ul>  
  20.   
  21.         <dl type="disk">  <!--definition list-->  
  22.                 <dt>CSS</dt>  
  23.             <dd>Cascating Style Sheets</dd>  
  24.   
  25.         </dl>  
  26.   
  27.     </body>    
  28. </html>  

輸出效果：

以上這篇淺談html有序列表、無序列表與定義列表就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

HTML和Xhtml
HTML注釋格式：讓靜態HTML代碼在不同IE版本顯示不同內容
HTML 的注釋格式是 ， IE 對HTML注釋做了一些擴展，使之可以支持條件判斷表達式，如何讓靜態
被遺忘掉的button標簽
注：這篇文章已經有人翻譯過重新認識button 標簽，但是感覺其中有很多地方值得推敲，不太好理解。因
破洛洛收集15個采用HTML5實現的網站
破洛洛文章簡介：我們已經了解很多關於HTML5的技術了，很多人也開始在自己的項目中應用各種HTML5

相關文章

HTML入門知識HTML5教程關於HTMLHTML和XhtmlHTML5特效代碼HTML5詳解
小編推薦
HTML中的文本框textarea標簽 HTML5實例教程:Geolocation對象應用 XHTML CSS網站設計的優勢和問題 10個設計制作大型網站架構中一定要考慮的問題 HTML5 Canvas的文本度量 hr 水平線樣式示例代碼 Adobe Brackets 簡單使用圖文教程 HTML代碼示例:可以搞死任何版本的IE HTML多表頭表格代碼 html標簽全稱和功能介紹
熱門推薦
html option禁用選擇 select禁用選項示例 基鏈接標簽base的使用介紹 HTML代碼編寫的常用5個原則以及原因 預覽：Dreamweaver CS5新功能更新列表 HTML非常用標簽 optgroup、sub、sup和bdo示例代碼 Data URI和MHTML完整解決所有浏覽器 DOCTYPE元素詳解 完整版 HTML5並不是簡單的HTML標簽的升級 利用HTML實現限制ip的投票網站作弊方案
大家都在看
JavaScript實現鼠標點擊後層展開效果的方法 基於jquery實現拆分姓名的方法(純JS版) javascript實現對表格元素進行排序操作 JQuery中對Select的option項的添加、刪除、取值 動態加載JavaScript文件的兩種方法 html5 canvas fillRect JavaScript 無符號右移運算符 HTML5 Web存儲方式的localStorage和sessionStorage進行數據本地存儲案例應用
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved