美文网首页
HTML列表

HTML列表

作者: Tn299 | 来源:发表于2019-03-03 15:46 被阅读0次

无序列表

(1) .无序列表使用<ul>和<li>标签组成,
(2) .<ul>作为无序列表的声明,<li>作为每个列表项的起始。


image.png

核心代码:
<ul>
<li>桔子</li>
<li>香蕉</li>
<li>苹果</li>
</ul>
无序列表前面的符号,可以通过<ul>的type属性来指定。


image.png

有序列表

(1) .无序列表与有序列表的区别就在于,有序列表的各个列表项有先后顺序,所以会使用数字进行标识。
(2) .有序列表使用<ol>和<li>标签组成,使用<ol>标签作为有序列表的声明,同样使用<li>标签作为每个列表项的起始。


image.png
image.png

定义列表

(1) .定义列表是一种很特殊的列表形式,它是标题及注释的结合。
(2) .它使用<dl>标签作为列表的开始,使用<dt>标签作为每个列表项的起始,而对于每个列表项的定义则使用<dd>标签来完成。


image.png
image.png

相关文章

  • HTML列表

    HTML支持有序、无序和定义列表无序列表: 有序列表: 嵌套列表: 自定义列表: HTML 列表标签 定义有序列表...

  • HTML学习心得(二)

    HTML 表格 表格中常用标签、属性及意义 HTML 列表 HTML无序列表 Coffee Milk 调...

  • html列表,标签

    1、html列表 有序列表 无序列表 定义列表 2、html表格及传统布局 table常用标签 table常用属性...

  • HTML笔记--列表标签

    HTML笔记--列表标签 标签(空格分隔): HTML 列表标签: 定义列表:带缩进的列表如这种样式的: 自定义...

  • HTML基础二

    HTML列表: 在html中,列表共分为三种:有序列表,无序列表和自定义列表 有序列表:有序列表中的各个列表都是有...

  • HTML系列(HTML列表)

    HTML列表分三种:无序列表、有序列表和定义列表(HTML列表常用于页面中的导航)(style="list-sty...

  • html列表

    列表 苹果 菠萝 香蕉 苹果 菠萝 香蕉 1.无序列表 使用...

  • html列表

    无序列表 有序列表 自定义列表 表格 表格书写的快速格式 表格完全格式 单元格合并 细线表格

  • HTML 列表

    列表分为有序列表、无序列表。还可以对列表进行自定义。 无序列表, 有序列表, 列表项 1. 有序列表 使用标签 例...

  • HTML 列表

    2017-09-07摘抄自W3school-HTML 列表希望帮助自己系统地打好基础,也能在做笔记的同时添加一些自...

网友评论

      本文标题:HTML列表

      本文链接:https://www.haomeiwen.com/subject/ddzpuqtx.html