四、HTML4~解答列表

一、有序列表、无序列表、自定义列表如何使用?写个简单的例子。三者在语义上有什么区别?在哪些情况下使用哪种(重要)? 如何嵌套?

1、无序列表:无序列表就是列表结构中的列表项没有先后顺序的列表形式。
区别:无序列表也是一个项目列表,无序列表在每个项目前都加上列表符号。默认列表符号由浏览器决定,但一般都是圆点。
disc:表示实心远点项目符号
circle:表示空心圆环符号
square:表示正方形空心符号

无序列表

  • 这是无序列表
  • 这是无序列表
  • 这是无序列表
  • 这是无序列表

四、HTML4~解答列表_第1张图片
FE0A.tmp.jpg

2、有序列表:列表结构中的列表项有先后顺序的列表形式,从上到下可以有各种不同的序列编号,如1、2、3或a、b、c等。
区别:有序列表是一个项目列表,它通过数字或字母编号来组织列表中包含的信息。有序列表的序号可以是数字(默认)、大写或小写字母、大写或小写罗马数字。

    是有序列表的父标签
  1. 是有序列表的子标签 使用方法:
    1. 列表的项目
    2. 列表的项目
    3. 列表的项目
四、HTML4~解答列表_第2张图片
Paste_Image.png

3、自定义列表:需要对一些术语进行解释描述的情况下,自定义列表用于组织术语及其定义。
区别:术语单独显示,对它的描述根据需要可以无限长。

姓名
小鱼
小虾
性别
四、HTML4~解答列表_第3张图片
56C8.tmp.jpg

样式去除

1、列表横置:display: inline;
2、去除列表前面的点或者数字:list-style-type:none;

四、HTML4~解答列表_第4张图片
Paste_Image.png

你可能感兴趣的:(四、HTML4~解答列表)