HTML学习笔记——列表

210 阅读1分钟

列表标签

表格是用来显示数据的,那么列表就是用来布局的。 列表最大特点就是整齐1,整洁,有序,作为布局会方便和自由。 列表可以分为三大类:无序列表,有序列表和自定义列表。

无序列表

<ul>标签表示HTML页面中项目的无序列表,一般以项目符合呈现,列表项使用<li>标签定义。 基本语法格式:

<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
...<br>
</ul>
  1. <ur></ur>中只能镶嵌里li标签,而li标签可以放所以元素。
  2. 无序列表会带有自己的样式属性,但一般会用css来设置。

有序列表

在html中,<ol>标签用于定义有序列表,列表排序以数字来显示,并且使用<li>标签来定义列表项。 基本语法格式:

<ol>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
</ol>
  1. <ol></ol>中只能镶嵌里li标签,而li标签可以放所以元素。
  2. 有序列表会带有自己的样式属性,但一般会用css来设置。

自定义列表

自定义列表常用于术语或名词进行解释和描述,定义列表的列表项前没有任何目标符号,是项目及其注释的组合。每个列表项标题<dt>标签定义,标签项标题内部可以有多个列表项描述,用<dd>标签定义。
基本语法格式:

    <dt>名词</dt>
    <dd>对名词1的解释</dd>
    <dt>名词2</dt>
    <dd>对名词2的解释</dd>
</dl>
  1. <dl></dl>中只能包含<dt><dd>标签。 2.<dt><dd>没有个数限制,经常为<dt>对应多个<dd>