admin 发表于 2022-2-7 23:23:58

html列表之有序无序自定义列表

1.无序列表



标签名称无序列表标签
标签<ul>       <li></li>       .......</ul>
属   性Type 设置列表项目符号样式       circle - 空心圆         square - 正方形         disc- 实心圆(默认)
描   述注意:1. 列表项里面至少有一个li标签(至少1一个,可以写N个)2. 写无序列表必须写ul3. 内容必须写在li标签内说明:       列表项目结构中没有先后顺序的列表,称之为:无序列表
ul:代表标签的模块,范围li:代表列表的每一项<ul>
      <li>丹麦国家队暂时"解散"!足协征召业余球员组队参赛 </li>
    <li>世界足坛最惨之人出炉!只有他欣赏不了梅西的演出</li>
    <li>当卢卡库的"大笨钟"晃过门将时,真以为是大罗来了 </li>
    <li>C罗又美黑!甲板上拥翘臀女友入眠 他如今是CR5.5?</li>
    <li>揭C罗不坐尤文大巴之谜 葡总理:他是全国的荣耀! </li>
    <li>巴萨官推:梅西就是最佳 真坑!1月要赴美踢西甲</li>
</ul>注意:ul标签的直接子元素必须是li标签,li标签是放置列表的容器,可以放任何东西
2.有序列表



标签名称有序列表标签
标签格式<ol>       <li></li>      .......</ol>
属   性Type 设置列表项目编号样式:   A,a - 设置项目编号为大小写英文字母   I,i - 设置项目编号为大小写罗马数字   1 - 设置项目编号为阿拉伯数字(默认)
描   述注意:1. 至少有一个li标签2. 内容必须写在li标签里3. 写有序列表必须写ol标签4. 设置项目编号样式为英文字母,超过26个字母,会以aa,ab,ac这样的规律递增说明:       列表结构中有先后顺序并且可以设置项目编号为(1,2,3或者a、b、c)的列表,称之为:有序列表
<ol>
    <li>第一项</li>
    <li>第二项</li>
    <li>第三项</li>
</ol>3.自定义列表


标签名称定义列表标签
标签格式<dl>       <dt>标题</dt>       <dd>描述</dd>      .......</dl>
属    性
描    述注意:1. 必须写一个dt但是可以不写dd;dt也可以写多个2. Dd是针对于前面最近的一个dt的表述3. 内容必须写在dt或者dd里面说明:    不仅仅是一列项目,还是项目标题和项目描述/注释的组合
代码

<!DOCTYPE html>
<html>
<head>
      <meta charset="utf-8" />
      <title></title>
</head>
<body>
      <dl>
                <dt>特色服务</dt>
                <dd>F 码通道</dd>
                <dd>礼物码</dd>
                <dd>防伪查询</dd>
      </dl>
</body>
</html>
页: [1]
查看完整版本: html列表之有序无序自定义列表