服务时间:8:30-18:00

首页 >web前端网

html中的列表标签

发布时间:2023-02-27 09:57 字数:1245字 阅读:100

html中的列表标签,该类标签是关于HTML文档中列表的,包含dl、dt、dd、ol、li、ul等标签。

html中的列表标签

1.dl标签

该标签代表HTML自定义列表。在HTML文档中,该标签成对出现,开始标签是<dl>,结束标签是</dl>。自定义列表的开始使用<dl>标签,列表中每个元素的标题使用<dt>标签定义,后面跟随<dd>标签用于描述列表中元素的内容。

2.dt标签

该标签代表HTML自定义列表项目,即dl标签中的项目名称。dt成对出现,以<dt>标签开始,以</dt>标签结束。

3.dd标签

该标签代表HTML自定义列表描述,即dl标签中的项目描述。dd成对出现,以<dd>标签开始,以</dd>标签结束。以下代码定义了一个关于水果的自定义列表。

    01 <dl>
    02  <dt>荔枝</dt>
    03  <dd>实心脏形或球形,果皮具多数鳞斑状突起,呈鲜红、紫红、青绿或青白色,假种皮新鲜时呈半透明凝脂状,多汁,味甘甜。
    04 </dd>
    05 <dt>龙眼</dt>
    06  <dd>俗称“桂圆”,是我国南亚热带名贵特产,历史上南方“桂圆”北“人参”之称。龙眼果实富含营养,自古受人们喜爱,更视为珍贵补品,其滋补功能显而易见。
    07 </dd>
    08 <dt>柑橘</dt>
    09 <dd>柑橘是凉性水果,也是世界上最重要的商品水果,是我国亚热带地区栽培面积最广的果树,也是广西最重要的果树。它包括的种类很多,广西主要栽培的有甜橙、宽皮柑橘、柚、金橘、柠檬等,而每一种类又有许多优良品种。
    10 </dd>
    11 <dt>甘蔗</dt>
    12 <dd>甘蔗是一年生宿根热带和亚热带草本植物,属C4作物。秆直立,粗壮多汁,表面常披白粉,叶为互生,边缘具小锐齿,花穗为复总状花序。甘蔗为喜温、喜光作物,年积温需5500℃~8500℃,无霜期330d
    以上,年均空气湿度60%,年降水量要求800mm~1200mm,日照时数在1195小时以上。
    13 </dd>
    14 </dl>

4.ol标签

该标签代表HTML的有序列表。ol成对出现,以<ol>开始,</ol>结束。列表中的每一列使用<li>标签定义,这一点与无序列表相同。每列使用数字或字母开头。以下代码定义了一个关于水果的有序列表。

    01 <ol>
    02   <li>苹果</li>
    03   <li>香蕉</li>
    04   <li>橘子</li>
    05   <li>梨</li>
    06   <li>桃子</li>
    07 </ol>

5.li标签

该标签代表HTML列表中的项目。li成对出现,以<li>标签开始,以</li>标签结束。中间是项目名称。

6.ul标签

该标签代表HTML无序列表。ul成对出现,以<ul>标签开始,以 </ul>标签结束。列表中的项目用li标签表示,每列使用圆点或其他符号开头。以下代码定义了一个无序列表。

    01 <ul>                                             <!--无序列表开始-->
    02   <li>苹果</li>                                  <!-- 列表项 -->
    03   <li>香蕉</li>                                  <!-- 列表项 -->
    04   <li>橘子</li>                                  <!-- 列表项 -->
    05   <li>梨</li>                                    <!-- 列表项 -->
    06   <li>桃子</li>                                  <!-- 列表项 -->
    07 </ul>                                            <!-- 无序列表结束 -->

  • 上一篇HTML中的容器标签