【web前端笔记】尚硅谷web前端零基础入门HTML5+CSS3基础教程（李立超 超哥）笔记 P18 列表标签

列表标签

1. 有序列表
2. 无序列表
3. 定义列表
   有序列表，使用ol标签来创建，使用li表示列表项

<!-- ol 有序列表 -->
		<ol>
			<li>结构（骨架）：HTML用于描述页面的结构</li>
			<li>表现（皮肤）：CSS用于控制页面中元素的样式</li>
			<li>行为（交互）：JavaScript用于响应用户操作</li>
		</ol>

显示效果：

无序列表，使用ul标签来创建，使用li表示列表项

<!-- ul无序列表 -->
		<ul>
			<li>结构（骨架）：HTML用于描述页面的结构</li>
			<li>表现（皮肤）：CSS用于控制页面中元素的样式</li>
			<li>行为（交互）：JavaScript用于响应用户操作</li>
		</ul>

显示效果：

定义列表,使用dl标签来创建一个定义列表
使用dt来表示定义的内容
使用dd来对内容进行解释声明（由缩进效果）

<dl>
			<dt>结构（骨架）：<dd>HTML用于描述页面的结构</dd></dt>
			<dt>表现（皮肤）：<dd>用于控制页面中元素的样式</dd></dt>
			<dt>行为（交互）：<dd>JavaScript用于响应用户操作</dd></dt>
</dl>

显示效果：

列表之间可以互相嵌套