浅谈html有序列表、无序列表与定义列表

所属分类: 网页制作 / HTML/Xhtml 阅读数: 2103
收藏 0 赞 0 分享

有序列表

XML/HTML Code复制内容到剪贴板
  1. <ol type="A"start="C"> <!--ordered list-->  
  2.     <li>第一项</li>  
  3.     <li>第二项</li>  
  4. </ol>  

无序列表

XML/HTML Code复制内容到剪贴板
  1. <ul type="disc">  <!--unordered list--> <!--还有两种type:circle,square-->  
  2.     <li>第一项</li>  
  3.     <li>第二项</li>  
  4. </ul>  

定义列表

定义列表由定义条件(definition term)和定义描述(definition description)构成

XML/HTML Code复制内容到剪贴板
  1. <dt>标记后面添加要解释的名词   
  2. <dd>标记后面添加名词的具体解释   
XML/HTML Code复制内容到剪贴板
  1. <dl type="disk">  <!--definition list--> <!--还有两种type:circle,square-->  
  2.     <dt>CSS</dt>  
  3.     <dd>Cascating Style Sheets</dd>  
  4. </dl>  

栗子:

XML/HTML Code复制内容到剪贴板
  1. <!doctype html>  
  2. <html>  
  3.     <head>  
  4.         <meta http-equiv="content-type" content="text/html; charset=utf-8"  
  5.         <meta name="description" content="设置页面说明">  
  6.         <title>网页1</title>  
  7.     </head>  
  8.     <body>  
  9.         <h1>标题</h1>  
  10.                 <hr>  
  11.         <ol type="A"start="3"> <!--ordered list-->  
  12.                 <li>第一项</li>  
  13.                 <li>第二项</li>  
  14.         </ol>  
  15.   
  16.         <ul type="disc">  <!--unordered list--> <!--还有两种type:circle,square-->  
  17.                 <li>第一项</li>  
  18.                 <li>第二项</li>  
  19.         </ul>  
  20.   
  21.         <dl type="disk">  <!--definition list-->  
  22.                 <dt>CSS</dt>  
  23.             <dd>Cascating Style Sheets</dd>  
  24.   
  25.         </dl>  
  26.   
  27.     </body>    
  28. </html>  

输出效果:

以上这篇浅谈html有序列表、无序列表与定义列表就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

更多精彩内容其他人还在看

浅谈HTML代码中的空格和空行

下面小编就为大家带来一篇浅谈HTML代码中的空格和空行。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

全面了解html.css溢出

下面小编就为大家带来一篇全面了解html.css溢出。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

htm初学笔记(新手必看)

下面小编就为大家带来一篇htm初学笔记(新手必看)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

HTML中文件上传时使用的<input type="file">元素的样式自定义

这篇文章主要介绍了HTML中文件上传时使用的<input type=
收藏 0 赞 0 分享

关于input的file 控件及美化

下面小编就为大家带来一篇关于input的file 控件及美化。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Html/Css(新手入门第一篇必看攻略)

下面小编就为大家带来一篇Html/Css(新手入门第一篇必看攻略)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

HTML 隐藏滚动条和去除滚动条的方法

这篇文章主要介绍了HTML 隐藏滚动条和去除滚动条的方法的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

浅谈html标签的显示模式(块级标签,行内标签,行内块标签)

下面小编就为大家带来一篇浅谈html标签的显示模式(块级标签,行内标签,行内块标签)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

html制作细线表格的简单实例

下面小编就为大家带来一篇html制作细线表格的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

HTML中table表格标签的基础学习教程

用table标签在Web上显示表格内容是HTML所具有的最基本功能之一,这里我们就来看一下HTML中table表格标签的基础学习教程,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多