网页列表

    HTML列表分类:无序列表,不考虑排序,<ul>+<li>,常用于导航有序列表,结构化列表,考虑排序,<ol>+<li>定义列表,当作字典或术语,包含定义和描述,<dl>+<dt>+<dd>(其中,dl表示定义列表,dt定义术语,dd定义描述)选择列表,简易说明(一)HTML无序列表ul无序列表ul的各个列
摘要由CSDN通过智能技术生成


符号    HTML列表分类:

无序列表,不考虑排序,<ul>+<li>,常用于导航

有序列表,结构化列表,考虑排序,<ol>+<li>

定义列表,当作字典或术语,包含定义和描述,<dl>+<dt>+<dd>(其中,dl表示定义列表,dt定义术语,dd定义描述)

选择列表,简易说明

HTML列表分类




HTML 列表

有序列表

  1. 第一个列表项
  2. 第二个列表项
  3. 第三个列表项

无序列表

  • 列表项
  • 列表项
  • 列表项

(一)HTML无序列表ul

无序列表ul的各个列表项之间没有顺序级别之分,是并列的,其基本语法格式如下:
<ul type=…>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
……
</ul>

无序列表中type属性的常用值有三个,它们呈现的效果不同:
小黑点:disc(默认值);
方块:square;
空心圆:circle。

举例:

HTML无序列表举例

<ul type=”square”>
<li>吉林联通百兆独享:$899 /月</li>
<li>江苏电信特价百兆:$1099 /月</li>
<li>山东联通百兆独享:$899 /月</li>
<li>黑龙江联通百兆独享:$899 /月</li>
</ul>

(二)HTML有序列表ol

有序列表ol即为有排列顺序的列表,其各个列表项按照一定的顺序排列定义,其基本语法格式如下:

<ol type="~~" start="~~">
  <li>项目一</li>
  <li>项目二</li>
  <li>项目三</li>
  <li>……</li>
</ol>

有序列表其属性有 type   start HTML5新增reversed


(1)、type=用于编号的数字,字母等的类型,如type=a,则编号用英文字母。type的值表示有序列表项目符号的类型。

   type类型         描述
Type=1 表示列表项目用数字表示(1,2,3…..)
Type=a 表示列表项目用小写字母表示(a,b,c..)
Type=A 表示列表项目用大写字母表示(A,B,C..)
Type=i 表示列表项目用小写罗马数字表示(i,ii,iii….)
Type=I 表示列表项目用大写罗马数字表示(I,II,III…)

(2)、start是编号开始的数字,如start=2则编号从2开始,如果从1开始可以省略。start的值表示项目开始的数值。

或是在<li>标签中设定value=”n”改变列表行项目的特定编号,例如<li value=”7″>。使用这些属性,把它们放在<ol>或<li>的的初始标签中。

(3)、reversed 属性是逻辑属性。是 HTML5 中的新属性。当使用该属性时,它规定列表属性为降序 (9, 8, 7...),而不是升序 (1, 2, 3...)。

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值