基础知识4"/>
HTML基础知识4
直接进入正题：
在HTML中列表标签有两种分别是有序列表和无序列表
1.无序列表
<ul><li>苹果</li><li>香蕉</li><li>荔枝<li>
</ul>
而在其中包含了type属性，type属性可添加的内容如下：
disc（实心圆点，默认值）
circle（空心圆圈）
square（实心方块）
none（无样式）
实例：
<!DOCTYPE html>
<html lang="en,ch"><head><meta charset="UTF-8"><title>列表标签</title></head><body><ul><li>苹果</li><li>香蕉</li><li>荔枝</li></ul></body>
</html>
排序如图所示：
2.有序列表
<ol type="1" start="1"><li>西瓜</li><li>菠萝</li><li>梨<li>
</ol>
跟无序列表类似，有序列表也有type属性，并且更为复杂
type属性中，start是从数字几开始
1 数字列表，默认值
A 大写字母
a 小写字母
Ⅰ大写罗马
ⅰ小写罗马
实例：
<!DOCTYPE html>
<html lang="en,ch"><head><meta charset="UTF-8"><title>列表标签</title></head><body><ol><li>西瓜</li><li>菠萝</li><li>梨</li></ol></body>
</html>
如图所示：
从1开始排序
3.列表嵌套
列表与列表也是可以嵌套的
实例：
<!DOCTYPE html>
<html lang="en,ch"><head><meta charset="UTF-8"><title>列表标签</title></head><body><ol><li>西瓜</li><li>菠萝</li><ul><li>芒果</li><li>椰子</li></ul><li>梨</li></ol></body>
</html>
如图所示完成列表嵌套
4.标题列表
标题列表，就是把标题排列起来
dl标签定义了定义列表（definition list）
<dl><dt>标题1</dt><dd>内容1</dd><dt>标题2</dt><dd>内容1</dd><dd>内容2</dd>
</dl>实例：
<!DOCTYPE html>
<html lang="en,ch"><head><meta charset="UTF-8"><title>列表标签</title></head><body><dl><dt>标题一</dt><dd>我是xxx</dd><dt>标题二</dt><dd>我喜欢听音乐</dd><dd>我还喜欢打篮球</dd></dl></body>
</html>
如图所示：
更多推荐
HTML基础知识4
发布评论