zoukankan      html  css  js  c++  java
  • HTML列表

    列表有三种

    1. 有序列表

    格式:

     1 <!DOCTYPE html>  
     2 <html>  
     3 <head>  
     4 <meta charset=" utf-8">  
     6 <title>部落</title>   
     7 </head> 
     8 <body> 
     9 <ol type="1">
    10   <li>部落一</li>
    11   <li>部落二</li>
    12   <li>部落三</li>
    13 </ol>
    14 <ol type="a" reversed>
    15   <li>部落一</li>
    16   <li>部落二</li>
    17   <li>部落三</li>
    18 </ol>
    19 </body> 
    20 </html>

    ol有一个type属性,可以指定按照什么样的东西来排序,,加一个reversed会倒序排序

    2. 无序列表

    格式:

     1 <!DOCTYPE html>  
     2 <html>  
     3 <head>  
     4 <meta charset=" utf-8">  
     6 <title>部落</title>   
     7 </head> 
     8 <body> 
     9 <ul type="dise">
    10   <li>部落一</li>
    11   <li></li>
    12   <li>部落三</li>
    13 </ul>
    14 <ul type="circle">
    15   <li>部落一</li>
    16   <li>部落二</li>
    17   <li>部落三</li>
    18 </ul>
    19 <ul type="square">
    20   <li>部落一</li>
    21   <li>部落二</li>
    22   <li>部落三</li>
    23 </ul>
    24 </body> 
    25 </html>

    3. 描述列表

    格式:

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>定义列表练习</title>
     6 </head>
     7 <body>
     8 <dl>
     9     <dt><b>购物指南</b></dt>
    10     <dd><a href="#">购物流程</a></dd>
    11     <dd><a href="#">会员介绍</a></dd>
    12     <dd><a href="#">生活旅行</a></dd>
    13     <dd><a href="#">常见问题</a></dd>
    14     <dd><a href="#">大家电</a></dd>
    15     <dd><a href="#">联系客服</a></dd>
    16 </dl>
    17 </body>
    18 </html>

    dt算是一个标题,dd中的内容都是对这个标题的描述

    这三种列表中无序列表使用最广,其中列表内部是可以嵌套列表的

  • 相关阅读:
    NOIP200801 ISBN号码
    NOIP200902分数线划定
    NOIP200901多项式输出
    NOIP200603 Jam的计数法
    HDNOIP201102读数
    Modular Inverse(扩展欧几里得)
    青蛙的约会(扩展欧几里得)
    A Famous City(单调栈)
    Triangles
    2971: 魔族密码 (trie树)
  • 原文地址:https://www.cnblogs.com/learnC/p/6717658.html
Copyright © 2011-2022 走看看