html列表

  • 什么是列表
    •   列表就是信息资源的一种展示形式。它可以使信息结构化和条理化,并以列表的样式显示出来,以便浏览者能更快的获取相应的信息。
  • 列表的分类
    •   无序列表
    • 有序列表
    • 定义列表
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表学习</title>
</head>
<body>
<!--
有序列表
应用范围:试卷,问答。。。。-->
<ol>
  <li>java</li>
  <li>python</li>
  <li>c/c++</li>
  <li>前端</li>
  <li>运维</li>
</ol>
<!--无序列表
应用范围:导航,侧边栏。。。。-->
<hr/>
<ul>
  <li>java</li>
  <li>python</li>
  <li>c/c++</li>
  <li>前端</li>
  <li>运维</li>
</ul>
<!--自定义列表
dl:标签
dt:列表名称
dd:列表内容
应用范围:一般会出现在网站底部
-->
<hr/>
<dl>
  <dt>学科</dt>
  <dd>java</dd>
  <dd>python</dd>
  <dd>c/c++</dd>
  <dd>运维</dd>
  <dt>位置</dt>
  <dd>北京</dd>
  <dd>上海</dd>
  <dd>重庆</dd>
</dl>
</body>
</html>

 

posted @ 2023-03-29 15:50  爱的加勒比  阅读(18)  评论(0)    收藏  举报