HTML列表应用详解-优快云博客

/**********************************************
主要讲述了列表的应用
*********************************************/
主要有：
1.无序列表，列表项目没有顺序之分；
2.有序列表，也就是列表项目有顺序；
3.定义列表：是一组带有特殊含义的列表。
其中还有目录列表dir>*/,和菜单列表menu。
有序列表：

1.HTML;
2.CSS;
3.JavaScript；
4.jQuery；
5.Ajax；
6.SEO；
7.ASP.NET

无序列表：

·HTML
·CSS
·JS

定义列表：

HTML
    制作网页的框架
CSS
    装潢页面
JS
    控制页面的动作

1.有序列表
语法：

<ol>
         <li>xxxxxxxxxxxx</li>
         <li>xxxxxxxxxxxxxxxxxxxxxx</li>
</ol>

ol——-ordered list，有序列表。
li————list。

Type属性，指的是在排序的时候是以1，2，3.。。形式排序，还是a，b，c。。。。其他形式排序。

<ol type=“a”>       //这就是采用a，b，c等形式排序
         <li>*xxxx**</li>
         <li>xxxxxxxxxxxxxx</li>
</ol>

这里值得注意的是，现在采用type形式定义，以后都将用CSS来定义，或者装潢页面。

2.无序列表
语法如下：

<ul>
      <li>*xxxxxxxxxx*</li>
      <li>xxxxxxxxxxxxxxxxx</li>
  </ul>

这里ul-unordered list
li-list

type类型：

<ul type=“square">     //块状来表示
      <li>xxxxxxxxxxxxxxxxx</li>
      <li>******************************</li>
 </ul>

type；disc表示实心圆；
circle表示空心圆；
square表示正方形。

3.定义列表
语法为：

<body>
<dl>
           <dt>HTML</dt>  //definition term
           <dd>xxxxxxx<dd>   //definition description
           <dt>CSS</dt>
           <dd>**&&&&&<dd>
       </body>

4.一个案例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>cc网页</title>
    <meta name ="keywords" content ="cuicheng's page" />      
    <meta name="description" content ="i love learning" />    
    <meta name="author" content="cuicheng" />
    <meta name="copyright" content ="belong to cuicheng" />
</head>
<body>
<h3>绿叶学习网问卷调查</h3>
<br />
<h3>你通过什么途径来到绿叶学习网？</h3>
<ol>
    <li>百度搜索</li>
    <li>360搜索</li>
    <li>其他</li>
</ol>
<h3>你觉得绿叶学习网页面设计怎么样？</h3>
<ul>
    <li>美观</li>
    <li>cucao</li>
    <li>haixing</li>
</ul>
</body>
</html>