<html>
<head>
<title>无序列表</title>
<meta content="text/html;charset=utf-8"/>
</head>
<body>
<!--默认列表项标识 实心圆圈 ●-->
<ul>
<li>咖啡</li>
<li>茶水</li>
<li>牛奶</li>
</ul>
<!-- type="circle" 列表项标识 空心圆圈 ○-->
<ul type="circle">
<li>咖啡</li>
<li>茶水</li>
<li>牛奶</li>
</ul>
<!-- type="circle" 列表项标识 实心方形 ■-->
<ul type="square">
<li>咖啡</li>
<li>茶水</li>
<li>牛奶</li>
</ul>
</body>
</html>
<html>
<head>
<title>有序列表</title>
<meta content="text/html;charset=utf-8"/>
</head>
<body>
<!--默认列表项标识 数字1开始递增 1-->
<ol>
<li>咖啡</li>
<li>茶水</li>
<li>牛奶</li>
<li>柠檬</li>
</ol>
<!--type="a" 列表项标识 小写字母a开始 -->
<ol type="a">
<li>咖啡</li>
<li>茶水</li>
<li>牛奶</li>
<li>柠檬</li>
</ol>
<!--type="A" 列表项标识 大写字母A开始 -->
<ol type="A">
<li>咖啡</li>
<li>茶水</li>
<li>牛奶</li>
<li>柠檬</li>
</ol>
<!--type="I" 列表项标识 罗马字母I开始 -->
<ol type="I">
<li>咖啡</li>
<li>茶水</li>
<li>牛奶</li>
<li>柠檬</li>
</ol>
</body>
</html>
<html>
<head>
<title>自定义列表</title>
<meta content="text/html;charset=utf-8"/>
</head>
<body>
<dl>
<!--dt 自定义列表项-->
<dt>HTML</dt>
<!--dd 自定义列表项的详细-->
<dd>
Hyper text markup language
HTML 指超文本标签语言。
HTML 是通向 WEB 技术世界的钥匙。
在 W3School 的 HTML 教程中，您将学习如何使用 HTML 来创建站点。
HTML 非常容易学习！你会喜欢它的！
</dd>
<dt>JavaScript</dt>
<dd>
JavaScript 是属于网络的脚本语言！
JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用。
JavaScript 是因特网上最流行的脚本语言。
JavaScript 很容易使用！你一定会喜欢它的！
</dd>
<dt>Css</dt>
<dd>
Cascading Style Sheet
通过使用 CSS 来提升工作效率！
在我们的 CSS 教程中，您会学到如何使用 CSS 同时控制多重网页的样式和布局。
</dd>
</dl>
</body>
</html>
扫一扫
2302
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
