美文网首页Web前端之路
前端学习笔记一一HTML常用标签之列表标签

前端学习笔记一一HTML常用标签之列表标签

作者: 前前前端小飞 | 来源:发表于2020-12-04 15:14 被阅读0次

    HTML常用标签之列表标签

    列表标签的用途,就是用于编排短语句的文字。

    1.无序列表

    在无序列表中,各个列表项之间没有顺序级别之分,它通常使用一个项目符号作为每个列表项的前缀。

    设置无序列表的类型—type
    无序列表的默认符号是圆点(● )。� <ul>元素有type属性,通过定义不同的type属性可以改变列表的项目符号。目前,type属性的属性值有:�disc(圆●)、circle(圆圈○ )、square(方块■ )

    定义无序列表要用<ul>标签与<li>标签,例如下:

    image

    网页显示如下

    image

    2.有序列表

    有序列表中的项目采用数字或英文字母开头,通常各项目间有先后的顺序性

    *默认情况下,有序列表的序号是数字的,通过type属性可以调整序号的类型 *

    定义有序列表 要用<ol>标签<li>标签,例如下

    image

    网页显示如下

    image

    3.<li>标签

    <li>标签定义列表项目。

    <li>标签可用在有序列表(<ol>)和无序列表(<ul>)中。例 :

    image

    网页显示如下

    image

    4.<dl>标签

    <dl>标签定义了定义列表(definition list)。

    <dl>标签用于结合<dt>(定义列表中的项目)和<dd>(描述列表中的项目)

    5.<dt>标签

    <dt>标签定义了定义列表的项目(既术语部分)。

    6.<dd>标签

    <dd>在定义列表中定义条目的定义部分。

    image

    网页显示如下

    image

    相关文章

      网友评论

        本文标题:前端学习笔记一一HTML常用标签之列表标签

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