HTML列表详解:无序列表、有序列表、自定义列表 您所在的位置:网站首页 定义列表基本语法 HTML列表详解:无序列表、有序列表、自定义列表

HTML列表详解:无序列表、有序列表、自定义列表

2024-07-10 10:53| 来源: 网络整理| 查看: 265

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

举例:

HTML无序列表举例

吉林联通百兆独享:$899 /月 江苏电信特价百兆:$1099 /月 山东联通百兆独享:$899 /月 黑龙江联通百兆独享:$899 /月

(二)HTML有序列表ol

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

项一

项二

有序列表其属性  type   start

-语法格式:

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

   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开始可以省略。value2表示项目开始的数值。

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

举例:

HTML有序列表举例

吉林联通百兆独享:$899 /月 江苏电信特价百兆:$1099 /月 山东联通百兆独享:$899 /月 黑龙江联通百兆独享:$899 /月

(三)HTML自定义列表dl 自定义列表常用于对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号。其基本语法如下:

名词1

名词1解释1

名词1解释2

名词2

名词2解释1

名词2解释2

举例:

HTML自定义列表举例

YUNVM.COM吉林联通百兆独享特价!$899 /月 数据中心:吉林延边联通 4 核CPU 4 GB内存 100 Mbps带宽 120 GB存储 YUNVM.COM江苏电信特价百兆降价了!$1099 /月 数据中心:江苏镇江电信 4 核CPU 4 GB内存 100 Mbps带宽 120 GB存储

原创文章,欢迎分享,转载请注明出处www.yunvm.com



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有