HTML5---列表学习

AO_AEO

于 2020-06-12 10:01:53 发布

阅读量382

点赞数

分类专栏： HTML 文章标签： html 列表

本文链接：https://blog.csdn.net/AO_AEO/article/details/106709532

版权

HTML 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

5.列表

行内元素和块元素

块元素
- 无论内容多少，该元素独占一行
- (p、h1-h6…)
行内元素
- 内容撑开宽度，左右都是行内元素的可以排在一行
- (a.strong.em…)

列表

<!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>Linux</dd>
    <dd>C</dd>

    <dt>位置</dt>

    <dd>济宁</dd>
    <dd>济南</dd>
    <dd>北京</dd>
    <dd>哈尔滨</dd>
</dl>

</body>
</html>