一.列表:
1.无序列表:
<ul>
<li>.....</li>
<li>....</li>
.......
</ul>
注意:根据W3C标准,<ul>标签里只能嵌套<li>标签不能嵌套以他标签,<li>标签里可以嵌套其他标签
无序列表的特性:
a.没有顺序,每个<li>标签独占一行(块元素);
b,默认<li>标签前面有一个实星小圆点;
2.有序列表:
<ol>
<li>.......</li>
<li>.......</li>
.........
</ol>
注意:<ol>标签里只能嵌套<li>标签不能嵌套以他标签,<li>标签里可以嵌套其他标签
有序列表的特性:
a.有序,<li>独占一行;
b.<li>前面有顺序标记;
3.定义列表:
<dl>
<dt>标题一</dt>
<dd>.......</dd>
<dd>.......</dd>
<dt>标题二</dt>
<dd>.......</dd>
.........
</dl>
特性:无序,默认没有标记
编写有序列表,代码如下:
- <html>
- <h2>数字显示</h2>
- <ol>
- <li>第一天</li>
- <li>第二天</li>
- <li>第三天</li>
- <li>第四天</li>
- </ol>
- <h2>字母显示</h2>
- <ol type="a">
- <li>第一天</li>
- <li>第二天</li>
- <li>第三天</li>
- <li>第四天</li>
- </ol>
- <h2>小写罗马数字显示</h2>
- <ol type="i">
- <li>第一天</li>
- <li>第二天</li>
- <li>第三天</li>
- <li>第四天</li>
- </ol>
- <h2>大写罗马数字显示</h2>
- <ol type="I">
- <li>第一天</li>
- <li>第二天</li>
- <li>第三天</li>
- <li>第四天</li>
- </ol>
- <h2>数字显示,自己确定开始数字</h2>
- <ol start="5">
- <li>第一天</li>
- <li>第二天</li>
- <li>第三天</li>
- <li>第四天</li>
- </ol>
- <html>
显示效果为:
无序列表的代码如下:
- <html>
- ********默认为实心圆*********
- <ul>
- <li>第一天</li>
- <li>第二天</li>
- <li>第三天</li>
- <li>第四天</li>
- </ul>
- ********空心圆显示*********
- <ul type="circle">
- <li>第一天</li>
- <li>第二天</li>
- <li>第三天</li>
- <li>第四天</li>
- </ul>
- ********实心矩形显示*********
- <ul type="square">
- <li>第一天</li>
- <li>第二天</li>
- <li>第三天</li>
- <li>第四天</li>
- </ul>
- </html>
显示效果为: