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

小蚂蚁

有序列表

<ol type="A", start="C"> <!--ordered list-->  
    <li>第一项</li>  
    <li>第二项</li>  
  </ol>

无序列表

<ul type="disc">  <!--unordered list--> <!--还有两种type：circle，square-->  
    <li>第一项</li>  
    <li>第二项</li>  
  </ul>

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

<dt>标记后面添加要解释的名词   
  <dd>标记后面添加名词的具体解释

<dl type="disk">  <!--definition list--> <!--还有两种type：circle，square-->  
    <dt>CSS</dt>  
    <dd>Cascating Style Sheets</dd>  
  </dl>

栗子：

<!doctype html>  
  <html>  
    <head>  
      <meta http-equiv="content-type" content="text/html; charset=utf-8"  
      <meta name="description" content="设置页面说明">  
      <title>网页1</title>  
    </head>  
    <body>  
      <h1>标题</h1>  
          <hr>  
      <ol type="A", start="3"> <!--ordered list-->  
          <li>第一项</li>  
          <li>第二项</li>  
      </ol>  
    
      <ul type="disc">  <!--unordered list--> <!--还有两种type：circle，square-->  
          <li>第一项</li>  
          <li>第二项</li>  
      </ul>  
    
      <dl type="disk">  <!--definition list-->  
          <dt>CSS</dt>  
        <dd>Cascating Style Sheets</dd>  
    
      </dl>  
    
    </body>  
  </html>

输出效果：

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

[Html/CSS] 浅谈html有序列表、无序列表与定义列表

相关帖子

教你使用HTML/CSS和Three.js的喷火龙小游戏

基于 HTML+CSS+JS 的石头剪刀布游戏

HTML/JS/PHP网站底部获取当前年份代码

html+Js获取当前时间代码

nginx启ssi方法，宝塔面板nginx开启ssi

常用HTML网页跳转的几种方法

Android控件Spinner实现下拉列表及监听功能

CSS3荧光灯文字闪烁动画特效

利用html+js触发弹窗事件

利用HTML、CSS和JS制作随机密码生成器

小蚂蚁 LV3