25yicms利用ASP.NET(C#)+MSSQL技术全力打造功能最强大的营销型企业网站管理系统,企业做网站系统,做网站软件，提供div+css企业网站模板。
企业网站管理系统RSSRSS
阅读内容

三种HTML列表标记详解


时间：2014/10/23   来源：企业网站管理系统
 　　HTML列表标记主要有三种：有序列表、无序列表和定义列表。企业网站管理系统详细介绍三种HTML列表标记。
 
　　一．有序列表
 
　　有序列表是指每一项列表项的前面都标有数字，表示顺序。有序列表必须从<ol>开始，其中的每一项由<li>开始。
  1. <html>  
  2. <head>  
  3. <title>无序列表</title>  
  4. </head>  
  5. <body>  
  6. <strong>常用搜索引擎</strong>  
  7. <ol>  
  8. <li>百度</li>  
  9. <li>Google</li>  
  10. <li>搜狗</li>  
  11. <li>雅虎</li>  
  12. <li>360</li>  
  13. </ol>  
  14. </body>  
  15. </html>
 
　　在浏览器中的显示结果：
有序列表
 
　　有序列表除了默认的阿拉伯数字之外，还可以用其他的排序字符，例如小写字母、罗马数字等等，使用方法如下：<ol type=”a”>…</ol>，具体排序属性值如下表：
属性值 含义
1 阿拉伯数字1、2、3…
a 小写字母：a、b、c…
A 大写字母A、B、C…
i 小写罗马字母i、ii、iii…
Ⅰ 大写罗马字母Ⅰ、Ⅱ、Ⅲ…
 
　　一．无序列表
 
　　无序列表不用数字标记，而是直接用一个符号标记，没有按照固定的顺序，例如用圆黑点，方块等。无需列表从<ul>开始，每一项由<li>开始。
  1. <html>  
  2. <head>  
  3. <title>有序列表</title>  
  4. </head>  
  5. <body>  
  6. <strong>日本著名动漫</strong>  
  7. <ul>  
  8. <li>火影忍者</li>  
  9. <li>死神</li>  
  10. <li>名侦探柯南</li>  
  11. <li>海贼王</li>  
  12. <li>东京食尸鬼</li>  
  13. </ul>  
  14. </body>  
  15. </html>  
 
　　在浏览器中的显示结果：
无序列表
 
　　和有序列表相同，无序列表也不是只有圆黑点，可以设置方块和别的符号，使用方法如下：
　　<ul type=”circle”>…</ul>，具体属性值如下表：
属性值 含义
disc 默认圆黑点，·
circle 空心圆环，○
square 方块，□
 
　　三．定义列表
 
　　定义列表通常用于术语的定义和解释。定义列表由<dl>开始，术语由<dt>开始，解释说明有<dd>开始，<dd></dd>里的文字缩进显示。
  1. <html>    
  2. <head>    
  3. <title>定义列表</title>    
  4. </head>    
  5. <body>    
  6. <strong>日本著名动漫</strong>    
  7. <dl>    
  8. <dt>火影忍者</dt>    
  9. <dd>《火影忍者》是日本漫画家岸本齐史的代表作</dd>    
  10. <dt>名侦探柯南</dt>    
  11. <dd>《名侦探柯南》是根据日本漫画家青山刚昌创作的侦探漫画《名侦探柯南》改编的同名推理动画作品。</dd>    
  12. </dl>    
  13. </body>    
  14. </html>   
 
　　在浏览器中的显示结果：
定义列表
点击次数：       打印此页  关闭
相似内容
网站设计