您的位置：首页 > Web前端 > HTML

HTML 列表<li>

2017-10-25 10:14 239 查看
有序列表<ol>：

<html>
<head><title>有序列表ol</title>
</head>

<body>
<ol start="4" type="a">
<li>北京 </li>
<li type="I" start="1">天津</li>
<li>承德</li>
<li>门头沟</li>
<li>门沟</li>
</ol>
</body>
</html>
无序列表<ul>：
<html>
<head><title>有序列表ol</title>
<style type="text/css">
li{ border:1px solid red;}
</style>
</head>

<body>
<ul type="a">
<li>北京 </li>
<li>承德</li>
<li>门头沟</li>
<li>门沟</li>
</ul>
</body>
</html>

自定义列表<dl><dt><dd>：

<html>
<head><title>有序列表ol</title>
</head>

<body>
<dl>
<dt>周边旅游</dt>
<dd>北京 </dd>
<dd>天津</dd>
<dd>承德</dd>
<dt>国内旅游</dt>
<dd>三亚</dd>
<dd>海口</dd>
<dd>张家界</dd>
<dd>桂林</dd>

<dt>出境旅游</dt>
<dd>普吉岛</dd>
<dd>巴厘岛</dd>
<dd>泰国</dd>
<dd>长滩岛</dd>
</dl>
</body>
</html>列表嵌套：
<html>
<head><title>有序列表ol</title>
</head>

<body>
<ul>
<li>周边旅游
<ol>
<li>北京 </li>
<li>天津</li>
<li>承德</li>
<li>门头沟</li>
</ol>
</li>
<li>国内旅游</li>

三亚
海口
张家界
桂林

<li>出境旅游</li>
普吉岛
巴厘岛
泰国
长滩岛
</ul>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  html
相关文章推荐
新的分享
章节导航