带你了解前端页面无序列表、有序列表与定义列表

最新推荐文章于 2024-01-31 17:24:08 发布

云南仟龙Mark

最新推荐文章于 2024-01-31 17:24:08 发布

阅读量287

点赞数

文章标签： json css html

原文链接：https://blog.51cto.com/u_15111999/4559359

版权

今天分享下”“这篇文章，文中根据实例编码详细介绍，或许对大家的编程之路有着一定的参考空间与使用价值，需要的朋友接下来跟着云南仟龙Mark一起学习一下吧。

有序列表

XML/HTML Code复制内容到剪贴板

<ol type="A", start="C"> <!--ordered list-->  
    <li>第一项</li>  
    <li>第二项</li>  
</ol>  
无序列表

XML/HTML Code复制内容到剪贴板

<ul type="disc">  <!--unordered list--> <!--还有两种type：circle，square-->  
    <li>第一项</li>  
    <li>第二项</li>  
</ul>

定义列表

定义列表由定义条件(definition term)和定义描述(definition description)构成

XML/HTML Code复制内容到剪贴板

标记后面添加要解释的名词

标记后面添加名词的具体解释 XML/HTML Code复制内容到剪贴板

CSS

Cascating Style Sheets

栗子：

XML/HTML Code复制内容到剪贴板

<!doctype html>  
<html>  
    <head>  
        <meta http-equiv="content-type" content="text/html; charset=utf-8"  
        <meta name="description" content="设置页面说明： http://www.qlyl1688.com/">  
        <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>

输出效果：

在这里插入图片描述

以上是云南仟龙Mark给大家介绍的所有内容,希望对大家有所帮助，如果大家有任何疑问请在脚本之家留言，如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

云南仟龙Mark

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
带你了解前端页面无序列表、有序列表与定义列表

今天分享下”“这篇文章，文中根据实例编码详细介绍，或许对大家的编程之路有着一定的参考空间与使用价值，需要的朋友接下来跟着云南仟龙Mark一起学习一下吧。有序列表XML/HTML Code复制内容到剪贴板<ol type="A", start="C">  <li>第一项</li> <li>第二项</li> </ol> 无序列表XML/HTML Co
复制链接

扫一扫