HTML中的有序列表、⽆序列表和⾃定义列表
列表标签
表格是⽤来显⽰数据的,列表⽤来布局html ul标签
列表最⼤的特点就是整齐、整洁、有序,它作为布局会更加的⾃由和⽅便。
列表可以分为三⼤类:⽆序列表、有序列表和⾃定义列表。
⽆序列表
<ul>标签标⽰HTML页⾯中项⽬的⽆序列表,⼀般会以项⽬符号呈现列表项,⽽列表项使⽤<li>标签定义。
⽆序列表的基本语法格式
<ul>
<li>列表项1</li>
<li>列表项2</li>
...
</ul>
<ul>标签中只能嵌套<li>标签,不能放其他标签,也不能直接放⽂字,但是<li>标签可以放容纳所有元素。
⽆序列表会带有⾃⼰的样式属性,实际使⽤时在CSS中设置。
有序列表
<ol>标签⽤于定义有序列表,列表排序以数字来显⽰,并且使⽤<li>标签来定义列表项。
有序列表的基本语法格式
<ol>
<li>列表项1</li>
<li>列表项2</li>
...
</ol>
⾃定义列表
<dl>标签⽤于描述⾃定义列表,该标签会与<dt>(定义项⽬/名字)和<dd>(描述每⼀个项⽬/名字)⼀起使⽤。
⾃定义列表的基本语法格式
<dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
...
</dl>
<dl>⾥⾯只能嵌套<dt>和<dd>不能放其它标签,也不能直接放⽂字。但是<dt>和<dd>标签可以容纳所有元素。<dt>和<dd>个数没有限制,⼀个<dt>后⾯经常有多个<dd>来对它进⾏描述。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论