web前端开发--列表
列表類型與標記符號:
| 列表類型 | 標記符號 | 備注 |
| 無序列表 | <ul></ul> | 常用 |
| 菜單列表 | <menu></menu> | 不常用 |
| 目錄列表 | <dir></dir> | 不常用 |
| 有序列表 | <ol></ol> | 常用 |
| 定義列表 | <dl></dl> | 常用 |
?
?
?
?
?
?
?
無序列表:
基本語法:
<ul? type=" ">
<li? type=" ">項目名稱</li>
<li? type=" ">項目名稱</li>
<li? type=" ">項目名稱</li>
……
</ul>
無序列表標記type屬性的值及說明:
| 值 | 說明 |
| disc | 實心圓形 |
| circle | 空心圓形 |
| square | 實心正方形 |
?
?
?
?
?
有序列表:
基本語法:
<ol? type=" "? start=" ">
<li? type=" "? value="n">項目名稱</li>
<li? type=" "? value="n">項目名稱</li>
<li? type=" "? value="n">項目名稱</li>
……
</ol>
有序列表屬性、值及說明:
| 屬性 | 值 | 說明 |
| type | 1 | 有序列表中列表項的項目符號為數字列表 |
| A | 有序列表中列表項的項目符號為大寫字母列表 | |
| a | 有序列表中列表項的項目符號為小寫字母列表 | |
| Ι | 有序列表中列表項的項目符號為大寫羅馬字母列表 | |
| i | 有序列表中列表項的項目符號為小寫羅馬字母列表 | |
| start | 數值 | 有序列表中列表項的起始數字 |
?
?
?
?
?
?
?
?
列表的嵌套(無序列表中嵌套有序列表):
基本語法:
<ul>
<li>項目名稱
<ol>
<li>項目名稱</li>
<li>項目名稱
<ul>
<li>項目名稱</li>
<li>項目名稱</li>
……
</ul>
</li>
<li>項目名稱</li>
</ol>
</li>
<li>項目名稱</li>
<li>項目名稱</li>
</ul>
?
定義列表:
基本語法:
<dl>
<dt>項目1</dt>
<dd>項目描述1</dd>
<dd>項目描述2</dd>
<dd>項目描述3</dd>
<dt>項目2</dt>
<dd>項目描述1</dd>
<dd>項目描述1</dd>
……
<dt>項目n</dt>
</dl>
用途:一般用來展示聯系人信息
轉載于:https://www.cnblogs.com/gly1120/p/8682919.html
總結
以上是生活随笔為你收集整理的web前端开发--列表的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 性能测试Loadrunner与Mysql
- 下一篇: Jedis工具类(含分布式锁的调用和释放