前端学习——HTML初学__7 HTML常用标签（4）

最新推荐文章于 2024-09-06 22:20:29 发布

龙蛋蛋啊

最新推荐文章于 2024-09-06 22:20:29 发布

阅读量75

点赞数

分类专栏： HTML 文章标签：前端 html5 css3 html 学习

本文链接：https://blog.csdn.net/m0_53428059/article/details/125552206

版权

9 篇文章 1 订阅

订阅专栏

接下来进行列表标签的学习！列表最大的特点就是整齐，有序，它作为布局会更加自由方便。

列表可以分为无序列表，有序列表和自定义列表。

一、无序列表（重点）

<ul>标签表示HTML页面中项目的无序列表，一般会以项目符号呈现列表项，列表项使用<li>标签定义。语法格式如下：

<ul>
  <li>列表项1</li>
  ...
  <li>列表项n</li>
  ...
</ul>

简单写一下：

<body>
    <h4>龙龙喜欢吃的水果</h4>
    <ul>
        <li>西瓜</li>
        <li>桃子</li>
        <li>草莓</li>
    </ul>
    </body>

显示为这个亚子：

无序列表的各个列表项之间没有顺序级别之分，是并列的。<ul></ul>里面只能嵌套<li></li>！！！<li></li>里面就可以放任意元素啦。当然无序列表的属性也在CSS里面进行改。

二、有序列表（了解）

有序列表就是有排列顺序的列表，其各个列表项会按照一定的顺序排列定义。

在HTML标签中，<ol>标签用于定义有序列表，列表排序以数字显示，并且使用<li>定义列表项。

语法规范：

<ul>
  <li>列表项1</li>
  ...
  <li>列表项n</li>
  ...
</ul>

具体不再演示。其特性与无序列表差不多。

三、自定义列表（重点）

自定义列表常用于对术语或名词进行描述和解释，列表项前没有符号。

<dl>标签用于定义描述列表（或定义列表），该标签与<dt>（定义项目/名字）和<dd>（描述每一个项目/名字）一起使用，语法规范如下：

<dl>
 <dt>名词一</dt>
  <dd>名词一解释</dd>
  <dd>名词一解释</dd>
</dl>

也很简单呀

关注

专栏目录