re:从0开始的HTML学习之路 6. 列表标签

1. 列表标签

可以整齐有序的展示一些内容

2. 无序列表

使用ul标签创建无序列表
使用li标签创建列表项
re:从0开始的HTML学习之路 6. 列表标签_第1张图片

	<ul>
		<li>项目1li>
		<li>项目2li>
		<li>项目3li>
	ul>

3. 有序列表

使用ol标签创建有序列表
使用li标签创建列表项
re:从0开始的HTML学习之路 6. 列表标签_第2张图片

	<ol>
		<li>项目1li>
		<li>项目2li>
		<li>项目3li>
	ol>

4. 定义列表

使用dl标签创建定义列表
使用dt标签创建需要描述的项目
使用dd标签创建对项目的描述
re:从0开始的HTML学习之路 6. 列表标签_第3张图片

	<dl>
		<dt>中国三大中心dt>
		<dd>文化中心dd>
		<dd>金融中心dd>
		<dd>洗浴中心dd>
	dl>

列表可以嵌套,就像这样,无序列表套有序列表
re:从0开始的HTML学习之路 6. 列表标签_第4张图片

	<ul>
		<li>
			济南市
			<ol>
				<li>历城区li>
				<li>历下区li>
			ol>
		li>
		<li>
			深圳市
			<ol>
				<li>宝安区li>
				<li>南山区li>
			ol>
		li>
	ul>

你可能感兴趣的:(学习)