首页前端开发HTML浅谈html有序列表、无序列表与定义列表

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

时间2024-01-27 14:38:02发布访客分类HTML浏览479
导读:收集整理的这篇文章主要介绍了浅谈html有序列表、无序列表与定义列表,觉得挺不错的,现在分享给大家,也给大家做个参考。 有序列表XML/HTML Code复制内容到剪贴板 <ol tyPE="A", start="C"...
收集整理的这篇文章主要介绍了浅谈html有序列表、无序列表与定义列表,觉得挺不错的,现在分享给大家,也给大家做个参考。

有序列表

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有序列表、无序列表与定义列表就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

html无序列表有序列表

若转载请注明出处: 浅谈html有序列表、无序列表与定义列表
本文地址: https://pptw.com/jishu/588330.html
HTML 编辑基础(菜鸟必看篇) 浅谈html标题,段落,换行,水平线,特殊字符

游客 回复需填写必要信息