HTML 列表实例
1.无序列表
<ul>标签定义无序列表-带有圆点列表符号
属性type:disc,square,circle
<li>标签定义列表项目
<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中
e.g <ul>
<li>黄桃</li>
<li>梨子</li>
<li>苹果</li>
</ul>
不同类型的无序列表(项目符号列表)
e,g <ul type="disc">
<li>黄桃</li>
<li>梨子</li>
<li>苹果</li></ul>
<ul type="circle">
<li>黄桃</li>
<li>梨子</li>
<li>苹果</li></ul>
<ul type="square">
<li>黄桃</li>
<li>梨子</li>
<li>苹果</li></ul>
2.有序列表
<ol>定义有序列表-带有数字列表符号
属性:reversed规定列表顺序为降序
,type规定在列表中使用的标记类型
1
A
a
I
i
,start规定有序列表的起始值
e.g
<ol>
<li>黄桃</li>
<li>梨子</li>
<li>苹果</li></ol>
<ol start="50">
<li>荷花</li>
<li>水杉</li>
<li>水仙</li></ol>
3.嵌套列表
<ol>
<li>茶</li>
<ul><li>红茶</li>
<li>绿茶</li></ul>
<li>梨子</li>
<li>苹果</li>
</ol>
4.定义列表
<dl> 标签定义了定义列表(definition list)
<dl> 标签用于结合 [<dt>] (定义列表中的项目)和 [<dd>](描述列表中的项目)
<dl>
<dt>计算机</dt>
<dd>用来计算的仪器 ... ...</dd>
<dt>钱</dt>
<dd>用来消费的</dd>
</dl>
2018-07-17
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 参考文章处理HTMLString的原理: 原理就是用一个for循环,拿到所有的图片,对每个图片都处理一次,让图片的...
- 为什么复制到这里没有一点格式了!复习的话还是到笔记中复习吧! Extract:解压folder;文件夹elemen...
- 09116-辜培 这似乎是一场不经意间的遇见,又好似在心灵深处自然碰撞的预见,在春暖花开的季节里萌动怒放,在...