例
HTML 兩個列表實例: 一個有序列表 (<ol>) 和 一個無序列表 (<ul>) :
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
瀏覽器支持
目前多數主流瀏覽器支持 <li>標簽。
標簽定義及使用說明
<li> 標簽定義列表項目。
<li> 標簽可用在有序列表(<ol>)、無序列表(<ul>)和菜單列表(<menu>)中。
HTML 4.01 與 HTML5之間的差異
"type" 屬性 在 HTML 4.01 已被廢棄。HTML5 不支持該屬性。
"value" 屬性 在 HTML 4.01 已被廢棄。HTML5 不支持該屬性。
提示和注釋
提示: 請使用 CSS 來定義列表和列表項目的類型。
屬性
屬性 | 值 | 描述 |
---|---|---|
type | 1AaIidiscsquarecircle | HTML5 不支持該屬性。HTML 4.01 已廢棄該屬性。 不贊成使用。請使用樣式取代它。 規定使用哪種項目符號。 |
value | number | 不贊成使用。請使用樣式取代它。 規定列表項目的數字。 |
全局屬性
<li> 標簽支持全局屬性,查看完整屬性表 HTML 全局屬性。
事件屬性
<li> 標簽支持所有 HTML 事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
例
2 個不同的有序列表實例:
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ol start="50">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
瀏覽器支持
目前大多數瀏覽器支持 <ol> 標簽。
標簽定義及使用說明
<ol> 標簽定義了一個有序列表. 列表排序以數字來顯示。
使用<li> 標簽來定義列表選項。
提示和注釋
提示: 如果需要無序列表,請使用 <ul> 標簽。
提示:使用 CSS 來定義列表樣式。
HTML 4.01 與 HTML5中的差異
在 HTML 4.01 中"start" 和 "type" 屬性已經廢棄,HTML5不支持該屬性。
"reversed" 屬性是 HTML5 中的新屬性。
在HTML 4.01中"compact" 屬性已經廢棄,在 HTML5中不支持該屬性。
屬性
New:HTML5 新屬性。
屬性 | 值 | 描述 |
---|---|---|
compact | compact | HTML5中不支持,不贊成使用。請使用樣式取代它。 規定列表呈現的效果比正常情況更小巧。 |
reversedNew | reversed | 指定列表倒序(9,8,7...) |
start | number | HTML5不支持,不贊成使用。請使用樣式取代它。 規定列表中的起始點。 |
type | 1AaIi | 規定列表的類型。不贊成使用。請使用樣式代替。 |
全局屬性
<ol> 標簽支持全局屬性,查看完整屬性表 HTML全局屬性。
事件屬性
<ol> 標簽支持所有 HTML事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
讓后面的文字、圖片、表格等等,顯示在下一行
碼海無際<br>碼海無際
在網頁中要把文字有條理地顯示出來,離不開段落標簽,就如同我們平常寫文章一樣,整個網頁也可以分為若干個段落,而段落的標簽就是
<p>碼海無際</p><p>碼海無際</p>
在網頁中常常看到一些水平線將段落與段落之間隔開,使得文檔結構清晰,層次分明。這些水平線可以通過插入圖片實現,也可以簡單地通過標簽來完成,hr 就是創建橫跨網頁水平線的標簽。
碼海無際<hr>碼海無際
分區顯示標簽,也稱之為層標簽,常用來編排一大段的HTML段落,也可以用于格式化表,和 p 很相似,是塊狀元素,經常嵌套使用。
<div>碼海無際</div><div>碼海無際</div><div> <div>碼海無際</div> <div>碼海無際</div></div>
用來組合文檔中的行內元素,沒有固定的格式表現。當對它應用樣式時,它才會產生視覺上的變化。
<span>碼海無際</span><span>碼海無際</span>
pre 元素可定義預格式化的文本。被包圍在 pre 元素中的文本通常會保留空格和換行符。而文本也會呈現為等寬字體。
<pre> 碼海無際 碼海無際</pre>
無序列表的各個列表項之間沒有順序級別之分,是并列的。
<ul> <li>碼海無際</li> <li>碼海無際</li> <li>碼海無際</li></ul>
注意:
1. <ul></ul>中只能嵌套<li></li>,直接在<ul></ul>標簽中輸入其他標簽或者文字的做法是不被允許的。 2. <li>與</li>之間相當于一個容器,可以容納所有元素。 3. 無序列表會帶有自己樣式屬性,但是不推薦使用,一般會用CSS設置。
有序列表即為有排列順序的列表,其各個列表項按照一定的順序排列定義
1.格式:
<ol type="符號類型"> <li type="符號類型"></li> <li type="符號類型"></li></ol>
2.有序列表的type屬性值:
3.有序列表的value屬性值:
4.列表可以進行嵌套
<ol> <li>碼海無際</li> <li>碼海無際</li> <li>碼海無際</li></ol><hr><ol type="A"> <li>碼海無際</li> <li>碼海無際</li> <li>碼海無際</li></ol><hr><ol> <li>碼海無際</li> <li type="A">碼海無際</li> <li>碼海無際</li></ol><hr><ol> <li>碼海無際</li> <li>碼海無際</li> <li value="6" type="A">碼海無際</li> <li>碼海無際</li> <li>碼海無際</li></ol><hr><ol> <li>碼海無際</li> <li>碼海無際</li> <li> <ol type="A"> <li>志存高遠</li> <li>志存高遠</li> </ol> </li> <li>碼海無際</li> <li>碼海無際</li></ol>
對列表條目進行簡短的說明
<dl> <dt>軟件說明:</dt> <dd>這是軟件說明</dd> <dt>軟件界面:</dt> <dd>這是軟軟件界面</dd></dl>
居中對齊
<center>碼海無際</center>
*請認真填寫需求信息,我們會在24小時內與您取得聯系。