html中的列表标签

目录

列表标签


什么是列表标签?

答:可以用来表示一组一组的内容,页面中相同结构、或相同意义都可以用列表

列表标签可以分为有序列表、无序列表、定义列表。

1.有序列表  用ol创建 ,li标签表示列表项

示例:




    
    
    
    Document


    

超市购物清单

  1. 衣服
  2. 生活用品
  3. 学习用品

html中的列表标签_第1张图片

有序列表  

默认样式:

1、加了1.2.3.等项目符号

 2、列表项的前面加了一些间距

可以用type属性,更改项目符号  

属性值:默认是阿拉伯数字,1,2,3

还可以是a/A/i/I

2.无序列表  用ul创建,li标签标识列表项

示例:




    
    
    
    Document


    

起床三件事

  • 穿衣
  • 刷牙
  • 洗脸

html中的列表标签_第2张图片

无序列表

默认样式:

1、项目符号  小圆点

2、每个列表项前面也有间距

也可以用type属性去更改项目符号

默认是实心小圆点

disc,默认值,实心的圆点

 square,实心的方块

circle,空心的圆

3.定义列表  用dl创建  dt表示下定义,dd表示对定义内容的解释

示例:




    
    
    
    Document


    
厨房用品
筷子
日常用品
牙膏
牙刷
洗发水
衣服
裤子
袜子

html中的列表标签_第3张图片

 定义列表

 默认样式:

dt是顶格写的,dd前面有间距 

注意:1、最常用:有序列表和无序列表

           2、在实际应用过程,一般有序列表、无序列表不做特殊的区分

           3、列表标签也是块元素

           4、列表是可以相互嵌套

你可能感兴趣的:(html,前端)