|
 [Web]HTML列表建立汇总 |
Betty 发表于 2008/10/7 20:07:19 |
|
最后给出一个综合的example来演示每种标签的使用。
1 使用<ol>和<li>标签创建带数字编号的列表
1）<ol>标签中使用start属性，设置起始的序号
2）<li>标签中使用value属性，改变列表内的编号顺序
3）<ol>标签中使用type属性，指定编号类型，其中type in {A,a,I,i,1}, 默认值为1
2 使用<ul>和<li>标签创建带项目符号的列表，<ul>标签中设定type为{disc,square,circle},分别为实心圆圈，方形圆圈，空心圆圈。
3 使用<dl>和<dt>标签创建无符号的列表，使用<dd>替换<dt>标签创建缩进的列表
example:list.html
<!--创建书的列表--> <!--<ol>和<li>标签，默认<ol>标签中type的属性值为1--> <ol> <li>《数据库》 <li>《数据结构》 <li>《算法分析》 <li>《数据挖掘》 <li>《web开发技术》 </ol> <!--<ol>标签中star属性和<li>标签中value属性设置--> <ol start=10> <li>《数据库》 <li>《数据结构》 <li>《算法分析》 <li value=20>《数据挖掘》 <li>《web开发技术》 </ol> <!--列表符号为大写字符序列：A，B，C……--> <ol type=A> <li>《数据库》 <li>《数据结构》 <li>《算法分析》 <li>《数据挖掘》 <li>《web开发技术》 </ol> <!--列表符号为小写字符序列：a，b，c……--> <ol type=a> <li>《数据库》 <li>《数据结构》 <li>《算法分析》 <li>《数据挖掘》 <li>《web开发技术》 </ol> <!--列表符号为大写罗马数字--> <ol type=I> <li>《数据库》 <li>《数据结构》 <li>《算法分析》 <li>《数据挖掘》 <li>《web开发技术》 </ol> <!--列表符号为小写罗马数字--> <ol type=i> <li>《数据库》 <li>《数据结构》 <li>《算法分析》 <li>《数据挖掘》 <li>《web开发技术》 </ol> <!--实心圆圈项目符号--> <ol type=disc> <li>《数据库》 <li>《数据结构》 <li>《算法分析》 <li>《数据挖掘》 <li>《web开发技术》 </ol> <!--实心方形项目符号--> <ol type=square> <li>《数据库》 <li>《数据结构》 <li>《算法分析》 <li>《数据挖掘》 <li>《web开发技术》 </ol> <!--空心圆圈项目符号--> <ol type=circle> <li>《数据库》 <li>《数据结构》 <li>《算法分析》 <li>《数据挖掘》 <li>《web开发技术》 </ol> <!--创建无符号的列表--> <dl> <dt>《数据库》 <dt>《数据结构》 <dt>《算法分析》 <dt>《数据挖掘》 <dt>《web开发技术》 </dl> <!--创建缩进的列表--> <dl> <dd>《数据库》 <dd>《数据结构》 <dd>《算法分析》 <dd>《数据挖掘》 <dd>《web开发技术》 </dl> <!--交叉使用dd和dt--> <dl> <dt> html <dd> 超文本标记语言 <dt> http <dd> 超文本传输协议 </dl>
| |
|
|
|
