HTML学习之 列表

①列表标签

HTML列表标签
标签 意义
dd 定义定义的描述
dl 定义定义列表
dt 定义定义项目
li 定义列表项
ol 定义有序列表
ul 定义无序列表

 

②无序列表




	

这是一个无序列表

  • C++
  • Python
  • HTML

HTML学习之 列表_第1张图片

③有序列表




	

这是一个有序列表

  1. C++
  2. Python
  3. HTML

可以自己设置开始的序号

  1. C++
  2. Python
  3. HTML

HTML学习之 列表_第2张图片

④定义列表

定义列表是列表项和列表项注释的组合:




	

这是一个定义列表

饕餮之徒
(tāo tiè zhī tú)比喻贪吃的人。
羽扇纶巾
(yǔ shàn guān jīn)拿着羽毛扇子,戴着青丝绶的头巾。形容态度从容。

HTML学习之 列表_第3张图片

不管是什么列表,列表项也可以为一个链接,图片等。

⑤通过type属性改变列表样式



	

不同样式的无序列表

"disc"

  • C++
  • Python
  • HTML

"circle"

  • C++
  • Python
  • HTML

"square"

  • C++
  • Python
  • HTML

HTML学习之 列表_第4张图片





	

不同样式的有序列表

阿拉伯数字(默认)

  1. C++
  2. Python
  3. HTML

大写字母

  1. C++
  2. Python
  3. HTML

小写字母

  1. C++
  2. Python
  3. HTML

大写罗马字母

  1. C++
  2. Python
  3. HTML

小写罗马字母

  1. C++
  2. Python
  3. HTML

HTML学习之 列表_第5张图片

⑥嵌套




	

这是一个嵌套列表

  • C++
    • 支持数据封装和数据隐藏
    • 支持继承和重用
    • 支持多态性
  • Python
    • 优雅
    • 明确
    • 简单
  • HTML
    • 简易
    • 可拓展
    • 平台无关

HTML学习之 列表_第6张图片

你可能感兴趣的:(web)