HTML(6)列表标签

列表标签

什么是列表

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

列表的分类

  • 无序列表

  • 有序列表

  • 定义列表

 <!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="UTF-8">
   <title>列表标签</title>
 </head>
 <body>
 <!-- 有序列表
 应用范围 ： 试卷，问答 ...
 -->
 <ol>
   <li>Java</li>
   <li>C</li>
   <li>C++</li>
   <li>前端</li>
   <li>Python</li>
 </ol>
 ​
 <hr/>
 ​
 <!--无序列表
 应用范围 ： 导航，侧边栏...
 -->
 <ul>
   <li>Java</li>
   <li>C</li>
   <li>C++</li>
   <li>前端</li>
   <li>Python</li>
 </ul>
 <!--自定义列表
 dl ： 标签
 dt ： 列表名称
 dd ： 列表内容
 应用范围：公司网站底部
 -->
 <dl>
   <dt>学科</dt>
 ​
   <dd>Java</dd>
   <dd>C</dd>
   <dd>C++</dd>
 ​
   <dt>位置</dt>
 ​
   <dd>天津</dd>
   <dd>北京</dd>
   <dd>上海</dd>
 </dl>
 ​
 </body>
 </html>

 

 posted on 2021-06-16 12:15  琪琪又炸毛了  阅读(587)  评论(0)    收藏  举报