码迷,mamicode.com
首页 > Web开发 > 详细

HTML5列表、块、布局

时间:2015-08-16 09:20:34      阅读:148      评论:0      收藏:0      [点我收藏+]

标签:

一、列表

<ol>  无序列表  (每项前有.)

<ul>  有序列表   (每项前有编号1,,2,3)

<li>   列表项

 1 <ul type="square">
 2         <li>苹果</li>
 3         <li>橘子</li>
 4         <li>香蕉</li>
 5     </ul>
 6     <ol type="i" start=10>
 7         <li>苹果</li>
 8         <li>橘子</li>
 9         <li>香蕉</li>
10     </ol>

1,无序列表

标签:<ul> <li>

属性:disc 实体圆

circle 空心圆

square 方块实体

2,有序列表

标签:<ol> <li>

属性: A  a  I  i   start

3,嵌套列表

  <ul type="square">
        <li>宠物</li>
            <ul>
                <li></li>
                <li></li>
                <li>兔子</li>
            </ul>
        <li>人类</li>
            <ul>
                <li>亚洲人</li>
                <li>美洲人</li>
                <li>欧洲人</li>
            </ul>
        <li>植物</li>
  </ul>

4,自定义列表

标签:<dl>  <dt>  <dd>

  <dl>
        <dt>hello world</dt>
            <dd>C++</dd>
        <dt>hello world</dt>
            <dd>Java</dd>
        <dt>hello world</dt>
    </dl>

 

HTML5列表、块、布局

标签:

原文地址:http://www.cnblogs.com/tianyuxieshen/p/4733593.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!