HTML06(列表标签)

什么是列表

列表就是信息资源的一种展现形式。它可以使信息结构化和条理化,并以列表的样式显示出来,一边浏览者能更快捷地获得相应的信息

列表的分类
1)无序列表
代码示例:

<!--有序列表(Ordered list)-->
<!--可能会用到的地方:试卷,问答-->
<ol>
  <li>Java</li>
  <li>Python</li>
  <li>C/C++</li>
  <li>运维</li>
</ol>

访问测试:
在这里插入图片描述
2)有序列表
代码示例:

<!--无序列表(Unordered list)-->
<!--可能会用到的地方:导航,侧边栏-->
<ul>
    <li>Java</li>
    <li>Python</li>
    <li>C/C++</li>
    <li>运维</li>
</ul>

访问测试:
在这里插入图片描述
3)定义列表
代码示例:

<!--自定义列表-->
<!--dl:自定义标签-->
<!--dt:列表名称-->
<!--dl:列表内容-->
<!--可能会用到的地方:公司网站底部-->
<dl>
    <dt>学科</dt>

    <dd>Java</dd>
    <dd>Python</dd>
    <dd>C/C++</dd>
    <dd>运维</dd>
    <hr/>
    <dt>位置</dt>
    <dd>北京</dd>
    <dd>深圳</dd>
    <dd>上海</dd>
    <dd>杭州</dd>
</dl>

访问测试:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_51224492/article/details/117604830