文章专题学习下载问答编程词典手游最近更新

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

首页 > web前端 > H5教程 > 正文

HTML5学习笔记（四）-列表, 块和布局代码实例

黄舟

发布： 2017-03-16 15:41:48

原创

1266 人浏览过

HTML列表

　　列表标签

标签	描述
	定义有序列表。
	定义无序列表。
	定义列表项。
<dl>	定义定义列表。
	定义定义项目。
	定义定义的描述。
<dir>	已废弃。使用代替它。
	已废弃。使用代替它。

常用的列表

1. 无序列表

使用标签:

属性: disc, circle, square

示例:
```
<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>聊表</title></head><body>
    
    <ul type="disc">
    <li>apple</li>
    <li>orange</li>
    <li>bananer</li>
    <li>Berry</li></ul></body></html>
```
登录后复制
2. 有序列表
使用标签
1. 　　属性: A, a, I, i, start
```
<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>列表</title></head><body><ol type="i">
    <li>iOS</li>
    <li>Android</li>
    <li>Java</li>
    <li>Swift</li>
    <li>Objective-C</li></ol></body></html>
```
  登录后复制
  　　3. 嵌套列表(包含有序列表嵌套, 无序列表嵌套)
  　　使用标签