HTML網(wǎng)頁列表標(biāo)記學(xué)習(xí)教程_XHTML教程
HTML網(wǎng)頁列表標(biāo)記學(xué)習(xí)教程.
在html頁面中,列表可以起到提綱寫領(lǐng)的作用。列表分為兩種類型,一是有序列表,一是無序列表。前者用項(xiàng)目符號(hào)來標(biāo)記無序的項(xiàng)目,而后者則使用編號(hào)來記錄項(xiàng)目的順序。
- 所謂有序,指的是按照數(shù)字或字母等順序排列列表項(xiàng)目。
- 所謂無序,是指以●、○、□等開頭的,沒有順序的列表項(xiàng)目。
關(guān)于列表的主要標(biāo)記,如下表所示
| 標(biāo)記 | 描述 |
|---|---|
| <ul> | 無序列表 |
| <ol> | 有序列表 |
| <dir> | 目錄列表 |
| <dl> | 定義列表 |
| <menu> | 菜單列表 |
| <dt>、<dd> | 定義列表的標(biāo)記 |
| <li> | 列表項(xiàng)目的標(biāo)記 |
有序列表標(biāo)記<OL>
有序列表使用編號(hào),而不是項(xiàng)目符號(hào)來編排項(xiàng)目。列表中的項(xiàng)目采用數(shù)字或英文字母開頭,通常各項(xiàng)目間有先后的順序性。在有序列表中,主要使用<ol>和<li>兩個(gè)標(biāo)記以及type和兩個(gè)start屬性。
-
基本語法
- <ol>
- <li>項(xiàng)目一
- <li>項(xiàng)目二
- <li>項(xiàng)目三
- ……
- </ol>
語法解釋
在有序列表中,使用<ol>作為有序的聲明,使用<li>作為每一個(gè)項(xiàng)目的起始。
文件范例:7-1.htm
通過<ol>和<li>標(biāo)記建立有序列表。
01 <!-- ------------------------------ -->
02 <!-- 文件范例:7-1.htm -->
03 <!-- 文件說明:建立有序列表 -->
04 <!-- ------------------------------ -->
05 <html>
06 <head>
07 <title>建立有序列表</title>
08 </head>
09 <body>
10 <h2>圖像設(shè)計(jì)軟件</h2>
11 <ol>
12 <li>Photoshop
13 <li>Illustrator
14 <li>Freehand
15 <li>CorelDraw
16 </ol>
17 </body>
18 </html>
文件說明
第11行定義了列表的類型為有序,第12行到第15行使用了<li>標(biāo)記作為列表項(xiàng)目的開始。
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標(biāo)簽
- 淺析HTML與javascript中常用編碼
- CSS網(wǎng)頁布局中必須要了解的幾個(gè)XHTML標(biāo)簽
- title和alt 標(biāo)簽介紹及其異同
- 淺析HTML標(biāo)簽strong和em的區(qū)別
- 說說XHTML中的alt屬性和title屬性
- Semantics語義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- 九個(gè)W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問題
- 請(qǐng)注意頁面head區(qū)域的編碼是不是規(guī)范
- HTML validate - 驗(yàn)證HTML代碼穿越多重瀏覽器標(biāo)準(zhǔn)
- XHTML具有語義的標(biāo)簽:有關(guān)H1位置的討論
XHTML教程Rss訂閱Div+Css教程搜索
XHTML教程推薦
- HTML表單標(biāo)記教程(5):文字域標(biāo)記
- HTML結(jié)構(gòu)更加清晰、規(guī)范,學(xué)習(xí)HTML5優(yōu)化結(jié)構(gòu)的思路。
- HTML初級(jí)教程標(biāo)題h1~h6
- CSS網(wǎng)頁布局中必須要了解的幾個(gè)XHTML標(biāo)簽
- HTML表格標(biāo)記教程(23):行的暗邊框色屬性BORDERCOLORDARK
- HTML初級(jí)教程綜合應(yīng)用
- HTML表格標(biāo)記教程(1):制作表格
- HTML表格標(biāo)記教程(43):表頭的垂直對(duì)齊屬性VALIGN
- XHTML入門學(xué)習(xí)教程:XHTML常用標(biāo)簽
- HTML表格標(biāo)記教程(3):寬度和高度屬性WIDTH、HEIGHT
- 相關(guān)鏈接:
- 教程說明:
XHTML教程-HTML網(wǎng)頁列表標(biāo)記學(xué)習(xí)教程
。