列表

行内元素和块元素

  • 块元素： 无论内容多长，该元素独占一行

  • 行内元素： 内容撑开宽度，左右都是行内元素的可以在排在一行 (a .strong .em...)

列表

  • 什么是列表

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

  • 列表的分类

    • 有序列表

    • 无序列表

    • 定义列表

 

<!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>python</li>
  <li>php</li>
</ol>
<hr/>
<!--无序列表
应用范围：导航，侧边栏。。。
-->
<ul>
  <li>Java</li>
  <li>c</li>
  <li>c++</li>
  <li>Python</li>
  <li>php</li>
</ul>

<!--自定义列表
dl:标签
dt：列表标题
dd：列表内容
-->
<dl>
  <dt>学科</dt>

  <dd>Java</dd>
  <dd>Python</dd>
  <dd>c</dd>
  <dd>c++</dd>

  <dt>兴趣</dt>

  <dd>羽毛球</dd>
  <dd>排球</dd>
  <dd>足球</dd>
  <dd>篮球</dd>

</dl>

</body>
</html>

 

posted @ 2022-02-28 23:13  少时凌云志  阅读(31)  评论(0)    收藏  举报