HTML5-列表标签（无序列表、有序列表、自定义列表） 

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

列表的分类
◆无序列表
◆有序列表
◆自定义列表
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>列表学习</title>
</head>
<body>
    <!-- 有序列表
        应用范围：试卷、问答
    -->
      <ol>
      <li>java</li>
      <li>PHP</li>
      <li>数据</li>
      <li>运维</li>
      <li>进阶</li>
  </ol>
  
  <hr/>
   <!-- 无序列表
    应用范围：导航、侧边栏
    -->
  <ul>
      <li>java</li>
      <li>PHP</li>
      <li>数据</li>
      <li>运维</li>
      <li>进阶</li>
  </ul>
  <hr/>
   <!-- 自定义序列表
    dl：标签
      dt：列表名称
    dd:列表内容
    应用范围：网站底部列表
    -->
  <dl>
    <dt>学科</dt>
    <dd>PHP</dd>
    <dd>C</dd>
    <dd>JAVA</dd>
    
    <dt>位置</dt>
    <dd>西安</dd>
    <dd>深圳</dd>
    <dd>北京</dd>
  </dl>
  
</body>
</html>

 

posted @ 2022-06-14 14:58  hollg  阅读(219)  评论(0)    收藏  举报