HTML 列表

列表的结构组成
HTML的列表元素是一个由列表标签封闭的结构，包含的列表项由<li></li>组成。

制作无序列表

顾名思义，无序列表就是列表结构中的列表项没有先后顺序的列表形式。大部分网页应用中的列表均采用无序列表，其列表标签采用<ul></ul>，编写方法如下：
<ul>
<li>列表项一</li>
<li>列表项二</li>
<li>列表项三</li>
<li>列表项四</li>
<li>列表项五</li>
</ul>

制作有序列表

顾名思义，有序列表就是列表结构中的列表项有先后顺序的列表形式，从上到下可以有各种不同的序列编号，如1、2、3或a、b、c等。

编写代码如代码所示。

 <html> 
 <head> 
 <title>列表的设置</title> 
 </head> 
 <body> 
 <font size="5"> 
 网页前台技术 
 <ul> 
 <li>HTML</li> 
 <li>CSS</li> 
 <li>JavaScript</li> 
 <li>FLASH</li> 
 </ul> 
 网页后台的学习 
 <ol> 
 <li>ASP</li> 
 <li>ASP.net</li> 
 <li>PHP</li> 
 <li>CGI</li> 
 <li>Ruby</li> 
 <li>Python</li> 
 </ol> 
 </font> 
 </body> 
 </html>

制作自定义列表

定义列表语义上表示项目及其注释的组合，它以<dl>标签（definition lists）开始，自定义列表项以<dt>（definition title）开始，自定义列表项的定义以<dd>（definition description）开始。

<dl>

<dt>CSS</dt>

<dd>CSS概念</dd>
<dd>CSS应用</dd>
<dd>CSS hacks</dd>
</dl>

继续学习

新建文件

<html> <head> <meta charset="utf-8"> <title>php.cn</title> </head> <body> <h4>一个嵌套列表：</h4> <ul> <li>咖啡</li> <li>茶 <ul> <li>红茶</li> <li>绿茶 <ul> <li>中国茶</li> <li>非洲茶</li> </ul> </li> </ul> </li> <li>牛奶</li> </ul> </body> </html>

重置代码

自动运行

提交

预览 Clear