您的位置:首页 > Web前端 > HTML5

HTML5列表、块、布局

2015-08-16 08:51 627 查看
一、列表

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

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

<li> 列表项

<ul type="square">
<li>苹果</li>
<li>橘子</li>
<li>香蕉</li>
</ul>
<ol type="i" start=10>
<li>苹果</li>
<li>橘子</li>
<li>香蕉</li>
</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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: