美文网首页
[HTML基础]7.列表标签应用场景

[HTML基础]7.列表标签应用场景

作者: SkylerAI | 来源:发表于2019-12-30 16:36 被阅读0次
1.列表标签

注意：真实网页开发中,去掉ul和ol的编号,使用图片代替。

1)有序列表

<ol>
  <li>列表项</li>
  <li>列表项</li>
  ...
</ol>

ol的开始标签中的type属性：
1(默认)   a   A   i(小写罗马数字)   I(大写罗马数字)

2)无序列表

<ul>
  <li>列表项</li>
  <li>列表项</li>
  ...
</ul>

ul的开始标签中的type属性：
disc表示实心圆(默认值)   square表示实心方块  circle表示空心圆

3)定义列表

<dl>
  <dt>定义列表项</dt>
  <dd>列表项描述</dd>
  <dd>列表项描述</dd>
</dl>

注意：
3个标签必须同时使用
2.查看网页源代码的方法

1)右击选择查看源代码
2)F12调出网页调试工具(比方法1多调试功能)

相关文章