HTML列表标签

有序列表
自动给列表进行顺序编码

ol中书写 每一个li前面会有序号,可以设定顺序的标记种类,123,abc,Ⅰ Ⅱ Ⅲ

<ol type="a">
			<h3>爱好</h3>
			<li>看电影</li>
			<li>写代码</li>
			<li>聚餐</li>
			<li>打球</li>
		</ol>

HTML列表标签_第1张图片
无序列表
ul中书写 常常在第一条添加一个标题标签,一个li代表一行数据(每行前面有黑圆圈)
去掉标签标记符list-style-type: none;

<ul>
			<h3>中国驰名商标</h3>
			<li>李宁</li>  <!-- 李宁打钱!-->
			<li>安踏</li>  <!-- 安踏打钱! -->
</ul>

HTML列表标签_第2张图片

自定义列表
dt顶格显示,dd相当具体内容

<dl>
			<dt>IT课程</dt>
			<dd>大数据课程</dd>
			<dd>java课程</dd>
			<dd>Python课程</dd>
			<dt>热门旅游城市</dt>
			<dd>商丘</dd>
			<dd>周口</dd>
			<dd>新乡</dd>
</dl>

HTML列表标签_第3张图片

你可能感兴趣的:(前端)