常用列表标签
无序列表 | <ul></ul> | 属性 | type | 设置列表前图标样式。 如果想要更换图标样式,需要借助css技术style="list-style:url(img/act.jpg) ;" |
有序列表 | <ol></ol> | 属性 | type | 设置列表的标号样式(数字、小写字母、大写字母、小写罗马数字、大写罗马数字)。 |
start | 设置起始标号 | |||
列表项目 | <li></li> | 用在有序列表 (<ol>) 和无序列表 (<ul>) 中, 定义列表项目 |
练习
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>列表标签</title>
</head>
<body>
<!--无序列表
属性:
type——设置列表前图标样式
如果想要更换图标样式,需要借助css技术style="list-style:url(img/act.jpg) ;"
-->
<h4>无序列表:起床要做的事</h4>
<ul>
<li>睁眼</li>
<li>穿衣服</li>
<li>吃早饭</li>
<li>洗漱</li>
</ul>
<!--有序列表
属性:
type——设置列表的标号样式(数字、小写字母、大写字母、小写罗马数字、大写罗马数字)。
start——设置起始标号
-->
<h4>有序列表:Java学习路线</h4>
<ol type="1" start="3">
<li>JavaSE</li>
<li>MySQL</li>
<li>JDBC</li>
<li>前端</li>
<li>框架</li>
</ol>
</body>
</html>
效果图: