html的有序列表、无序列表与定义列表应该如何使用
程序员文章站
2022-05-27 22:21:59
...
这次给大家带来html的有序列表、无序列表与定义列表应该如何使用,使用html的有序列表、无序列表与定义列表的注意事项有哪些,下面就是实战案例,一起来看一下。
有序列表
<ol type="A", start="C"> <!--ordered list--> <li>第一项</li> <li>第二项</li> </ol>
无序列表
<ul type="disc"> <!--unordered list--> <!--还有两种type:circle,square--> <li>第一项</li> <li>第二项</li> </ul>
定义列表
定义列表由定义条件(definition term)和定义描述(definition description)构成
<dt>标记后面添加要解释的名词 <dd>标记后面添加名词的具体解释 <dl type="disk"> <!--definition list--> <!--还有两种type:circle,square--> <dt>CSS</dt> <dd>Cascating Style Sheets</dd> </dl>
栗子:
<!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" <meta name="description" content="设置页面说明"> <title>网页1</title> </head> <body> <h1>标题</h1> <hr> <ol type="A", start="3"> <!--ordered list--> <li>第一项</li> <li>第二项</li> </ol> <ul type="disc"> <!--unordered list--> <!--还有两种type:circle,square--> <li>第一项</li> <li>第二项</li> </ul> <dl type="disk"> <!--definition list--> <dt>CSS</dt> <dd>Cascating Style Sheets</dd> </dl> </body> </html>
相信看了这些案例你已经掌握了方法,更多精彩请关注其它相关文章!
相关阅读:
以上就是html的有序列表、无序列表与定义列表应该如何使用的详细内容,更多请关注其它相关文章!
下一篇: 实例介绍Python2随机数列生成器