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]