HTML学习笔记【4】使用列表
来源:互联网 发布:数据库查询软件密码 编辑:程序博客网 时间:2024/06/08 08:11
1. 有序列表
A. 有序列表 ol
<ol>
<li>有序列表项</li>
<li>有序列表项</li>
<li>有序列表项</li>
<li>有序列表项</li>
。。。。。。
</ol>
<ol></ol>标记着有序列表的开始和结束 <li></li>标记表示这是一个列表项
如:
<ol>
<li> 星期一 </li>
<li> 星期二 </li>
<li> 星期三 </li>
<li> 星期四 </li>
<li> 星期五 </li>
<li> 星期六 </li>
<li> 星期日 </li>
</ol>
B.有序列表的序号类型type
<ol type="序号类型">
<li>有序列表项</li>
<li>有序列表项</li>
<li>有序列表项</li>
<li>有序列表项</li>
。。。。。。
</ol>
其中序号类型type可取:1(数字),a(小写字母),A(大写字母),i(小写罗马数字),I(大写罗马数字)
如:
ol type="1">
<li> 星期一 </li>
<li> 星期二 </li>
<li> 星期三 </li>
<li> 星期四 </li>
<li> 星期五 </li>
<li> 星期六 </li>
<li> 星期日 </li>
</ol>
C.有序列表的起始数值start
<ol start="起始数值">
<li>有序列表项</li>
<li>有序列表项</li>
<li>有序列表项</li>
<li>有序列表项</li>
。。。。。。
</ol>
如:
<ol type="1" start="11">
<li> 星期一 </li>
<li> 星期二 </li>
<li> 星期三 </li>
<li> 星期四 </li>
<li> 星期五 </li>
<li> 星期六 </li>
<li> 星期日 </li>
</ol>
2. 无序列表
A. 无序列表标记<yl>
<ul>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
。。。。。。
</ul>
如:
<ul>
<li> 星期一 </li>
<li> 星期二 </li>
<li> 星期三 </li>
<li> 星期四 </li>
<li> 星期五 </li>
<li> 星期六 </li>
<li> 星期日 </li>
</ul>
B.无序列表的类型 type
<ul type="符号类型">
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
。。。。。。
</ul>
其中类型type可以是disc(默认值,实心点)circle(空心环)square(空心正方形)
C.目录列表标记<dir>
<dir>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
。。。。。。
</dir>
D.定义列表标记<dl>
<dl>
<dt>定义条件</dl>
<dd>定义描述</dd>
。。。。。。
</dl>
其中<dl></dl>定义了列表的开始和结束 <dt>添加要解释的名词</dt> <dd>添加该名词的具体解释</dd>
如:
<dl>
<dt>HTML</dt>
<dd>HTML就是。。。</dd>
</dl>
E.菜单列表标记<menu>
<menu>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
。。。。。。
</menu>
- HTML学习笔记【4】使用列表
- HTML学习笔记[4]使用列表
- html学习笔记之列表
- HTML学习笔记-列表标签
- HTML学习笔记(十)HTML 列表
- Html学习笔记(2)列表/锚
- HTML学习笔记(6)--列表
- 20160112html学习笔记表格列表
- HTML学习笔记(六)列表
- HTML入门学习笔记--列表标签(3)
- HTML学习笔记5:列表和表单
- HTML -笔记01-列表使用初识
- 笔记 - 1、HTML - 列表
- python学习笔记.4使用列表的一部分,创建切片
- HTML学习笔记(4)
- Html学习笔记4
- Html学习笔记4
- HTML学习笔记<4>
- HTML学习笔记【2】文字与段落标记
- 电脑加速 2010年最新方法
- Visual C++线程同步技术剖析:临界区,时间,信号量,互斥量
- 网站流量统计
- HTML学习笔记【3】使用图像
- HTML学习笔记【4】使用列表
- HTML学习笔记【5】使用表格
- ranknow.cn网站数据评估 分析 SEO报告
- win32Api 消息 IO
- Android developer
- 详细讲解PHP的日期时间函数
- 《Visual C# 最佳实践》第三章 数组结构 (一):数组
- Effective C++ 笔记
- 最新找到XP如何加大adsl带宽的方法!值得一试!! 05年的 不知道还有没有用 大家测试下吧