您的位置：首页 > Web前端

Web前端开发-4

2016-03-08 11:49 134 查看
/[b]**********************************************[/b]

主要讲述了列表的应用

[b]*********************************************[/b]/

主要有：

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>


效果图如下：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航