HTML--列表标签应用

来源：互联网发布：淘宝上的nba旗舰店编辑：程序博客网时间：2024/06/02 04:20

二. HTML高级标签

1.标签的分类

无序列表

无序列表使用<ul>标签作为无序列表的声明，使用<li>标签作为每一个列表项的起始位。<ul>还有一个TYPE属性，用来更换其他项目符号

取值说明
disc 项目符号显示为实体圆心，默认值
square 项目显示为实体方心
circle   项目显示为空心圆

案例一

<!DECLARE html><html><head><meta charset="gb2312"><title>无序列表</title></head><body><h4>type为默认值时:</h4><ul type="disc"><li>西瓜</li><li>草莓</li><li>苹果</li></ul><h4>type=circle时的列表:</h4><ul type-"circle"><li>菠萝</li><li>樱桃</li><li>橘子</li></ul><h4>type=square时的列表:</h4><ul type="square"><li>水蜜桃</li><li>猕猴桃</li><li>哈密瓜</li></ul></body><html>

2.有序标签

有序标签使用<ol>作为有序列表的声明，<li>作为每个列表的起始
取值说明
1,2...（数字）使用数字作为符合项
A/a 使用字母作为符号项
L/i 使用罗马字母作为项目符号

代码如下：

<!DECLARE html><html><head><meta charset="gb2312"><title>有序列表</title></head><body><h4>type=A时的列表:</h4><ol type="A"><li>樱桃</li><li>香蕉</li><li>苹果</li></ol>

3. 自定义列表的应用

(dl-dt-dd)

部分代码如下：

<dl> <dt>所属学院</dt> //标签作为每个列表项的起始 <dd>计算机（软件）学院</dd>//解释 <dt>所属专业</dt> <dd>软件专业</dd> </dl>

阅读全文

0 0