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 @   hollg  阅读(204)  评论(0)  编辑  收藏  举报
相关博文：
·  HTML5-表格标签
·  HTML5-网页基本标签
·  Day03列表标签
·  网页标签之列表标签
·  html5 2.0学习
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
点击右上角即可分享
微信分享提示
SQL AI 助手