HTML 列表登陆

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>
提交重置代码
章节评论笔记课件
  • 取消回复发送
  • 取消发布笔记发送