列表标签及框架（举例说明列表标签如何嵌套使用）

一、列表标签

1.列表分类:有序列表、无序列表、自定义列表

2.无序列表

<ul type="square方形|circle空心圆|disc默认的实心圆">

<li>列表项</li>

....

</ul>

3.有序列表

<ol type="1|a|A|i|I">

<li>列表项</li>

....

</ol>

4.自定义列表

<dl>

<dt>项标题</dt>

<dd>项一</dd>

<dd>项二</dd>

<dt>项标题</dt>

<dd>项一</dd>

<dd>项二</dd>

</dl>

二、表格标签(重点)

1.表格的作用:a.直观展示数据 b.结构稳定，用于排版

2.表格的基本结构;

<table> 表格

<tr> 行

<td>列</td><td>列</td>

</tr>

....

</table>

3.表格相关的属性

<table border="边框:1" width="宽度:250" height="高度:250" bgcolor="背景颜色:#0099FF" align="表格对齐方式:center|left|right">

<tr height="行高:100" bgcolor="行的背景:#FF0000" align="行内容的对齐方式:center|left|right">

<td bgcolor="背景颜色:#00FF00" align="水平对齐方式:right" valign="竖直对齐方式:top|middle|bottom" width="100" height="150" rowspan="跨行" colspan="跨列" cellpadding="内容填充间距:0" cellspacing="单元格之间的间距:0">

三、框架

1.框架分类:内嵌框架(iframe)、框架(frameset)

2.内嵌框架:将一个网页嵌入到另外一个网页中

<iframe name="框架名称" src="要包含的网页路径:index.html" height="400" scrolling="no" frameborder="0" width="100%" />

3.使链接的网页在指定框架中打开

3.1第一步：设置框架的名称

<iframe name="框架名称" ..>

3.2使用a标签的target属性指定框架名称即可

<a href="网页路径" target="框架名称"/>

4.框架:

4.1作用:拆分浏览器窗口

4.2实现框架

<frameset rows="80,*" frameborder="2"> 按行拆

<frame src="top.html"/>

<frameset cols="200,*" frameborder="2"> 按列拆

<frame src="left.html" name="left" noresize="noresize" scrolling="no">

<frame src="right.html" name="right">

</frameset>

</frameset>