您的位置:首页 > Web前端 > HTML5

HTML5 学习6.列表标签

2020-07-15 06:15 127 查看

列表

  1. 什么是列表
  • 列表就是信息资源的一种展示形式他可以使信息结构化和条理化,并以列表的样式显示出来,以便浏览者能更会计的获得相应的信息
  1. 列表的分类
  • 无序列表
  • 有序列表
  • 定义列表

代码块直接使用Java代码块不然没有办法显示

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>列表学习</title>
</head>
<body>
<!--有序列表
应用范围,试卷,问答
-->
<ol>
<li>Java</li>
<li>Python</li>
<li>运维</li>
<li>前端</li>
<li>C/C++</li>

</ol>

<hr/>
<!--无序列表
应用范围:导航,侧边栏
-->
<ul>
<li>Java</li>
<li>Python</li>
<li>运维</li>
<li>前端</li>
<li>C/C++</li>

</ul>

<!--自定义列表
dl:标签
dt:列表名称
dd:列表内容

应用范围:公司网站底部
-->
<dl>
<dt>学科</dt>
<dd>Java</dd>
<dd>Python</dd>
<dd>运维</dd>
<dd>前端</dd>
<dd>C/C++</dd>
</dl>

</body>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: