网站制作的建立列表_第1页
网站制作的建立列表_第2页
网站制作的建立列表_第3页
已阅读5页，还剩3页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、在html页面中，合理的使用列表标签能够起到提纲和格式排序 文件的作用。列表分为两类，一是无序列表，一是有序列表，无序列表确实是 项目各条列间并无顺序关系，纯粹只是利用条列来呈现资料而 已，此种无序标签，在各条列前面均有一符号以示区隔。而有序 条列确实是指各条列之间是有顺序的，比如从1、2、3一直延伸下去。列表的要紧标签标签描述<UL>无序列表<OL>有序列表<DIR>目录列表<DL>定义列表<MENU>菜单列表<DL>/<DT>/vDD>定义列表的标记<LI>列表项目的标记5-1无序列表UL

2、无序列表使用的一对标签是 vulv/ul，无序列表指没有进行编 号的列表,每一个列表项前使用LI。LI的属性type有三个选项,这三个选项都必须小写:disc实心园 circle 空心园 square小方块ul假如不使用其项目vli的属性值，即默认情况下的vul会加 "实心园"格式1:<UL>LI第一项LI第二项LI第三项v/UL>格式2<ul><li type=disc> 第一项<li type=circle>第二项<li type=square>第三项v/ul>示例 5-1.html<html

3、> <head><title> 无序列表 </title></head> <body><ul><li> 默认的无序列表加 "实心园 "<li> 默认的无序列表 "实心园 "<li> 默认的无序列表 "实心园 " </ul><ul><li type=square> 无序列表 square 加方块<li type=square> 无序列表 square 加方块<li typ

4、e=square> 无序列表 square 加方块 </ul><ul><li type=circle> 无序列表 circle 加空心园<li type=circle>无序列表 circle 加空心园<li type=circle>无序列表 circle 加空心园</ul></body> </html> 5-2 有序列表 <OL> 有序列表和无序列表的使用格式差不多相同，它使用标签volv/ol，每一个列表项前使用li。ol列表的结果是带有 前后顺序之分的编号。假如插入和删除一个列

5、表项， 编号会自动 调整。顺序编号的设置是由ol的两个属性type和start来完成的。 start=编号开始的数字，如start=2则编号从2开始，假如从1 开始能够省略，或是在li标签中设定value ="n"改变列表行 项目的特定编号，例如li value="7"。type=用于编号的数字, 字母等的类型，如type=a，则编号用英文字母。为了使用这些 属性，把它们放在ol或li的的初始标签中。有序列表type的属性type类型描述type=1表示列表项目用数字标号（1,2,3）type=A表示列表项目用大写字母标号（A,B,C.）type=a表示

6、列表项目用小与字母标号（a,b,c.）type=I表示列表项目用大写罗马数字标号（I , n,川.）type=i表示列表项目用小写罗马数字标号（i,ii,iii.）格式1vol type=编号类型 start=value><li>第1项<li>第2项<li>第3项v/ol>格式2<ol><li>第1项<li>第2项<li>第3项</ol>实例：5-2.html<html><head><title> 有序列表 </title></hea

7、d><body><ol><li>默认的有序列表<li>默认的有序列表<li>默认的有序列表</ol><ol type=a start=5><li>第1项<li>第2项<li>第3项 <li value= 20> 第 4 项</ol> <ol type= I start=2><li> 第 1 项<li> 第 2 项<li> 第 3 项</ol></body></html&

8、gt;5-3 嵌套列表将一个列表嵌入到另一个列表中， 作为另一个列表的一部分， 叫 嵌套列表。 不管是有序列表和无序列表的嵌套， 扫瞄器都能够自 动地分成排列。实列： 5-3.html<HTML><HEAD><TITLE>嵌套列表 v/TITLE></HEAD><BODY> vh3> 目录 v/h3><ol type=a>vli> 这是以序号类型 a 开头第一行内容 v/li>vli> 这是以序号类型 a 开头第二行内容 v/li> vol type=A start=3>&l

9、t;li>这是以序号A类型C开头第一行内容</li> <li>这是以序号A类型C开头第二行内容</li> vol type=1 start=51>vli> 这是以序号数字 51 开头第一行内容 v/li> vli> 这是以序号数字 51 开头第二行内容 v/li> vli> 这是以序号数字 51 开头第三行内容 v/li> v/ol><li>这是以序号A类型C开头第三行内容</li>v/ol>vli> 这是以序号类型 a 开头第三行内容 v/li>v/ol>vHR> v/BODY>v/HTML>5-4定义列表的标记<DL>/vDT>/vDD>定义列表的标记也叫描述性列表，定义列表默认为两个层次，第 一层为列表项标签<DT>第二层为注释项标签<DD> vDTH <DD> 标签通常是成对使用的。也能够一个列表项对应于几个解释项， 这种方式专门少用。<DD默认的注释是显示在另一行中，当使用 <dl compact="compact"> 后,注释项和列表项将显示在同一行。其格式为：<dl><

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论