• 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中的内容都是对这个标题的描述

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

  • 相关阅读:
    Javascript是单线程的深入分析
    非阻塞式JavaScript脚本介绍
    javascript 关于函数的返回值
    javascript运算符的优先级
    JavaScript 中的 this
    javascript中关于坐标 大小 的描述
    Javascript引擎单线程机制及setTimeout执行原理说明
    回车登录页面的问题
    有关架构的若干思考
    Bootstrap3 模态框 select2搜索框无法输入
  • 原文地址:https://www.cnblogs.com/learnC/p/6717658.html
Copyright © 2020-2023  润新知