文档介绍：学****目标
掌握使用html制作列表
掌握使用框架实现多窗口
掌握使用表格对网页布局
编辑课件
有序列表
使用html制作列表
有序列表
1):格式:
<ol type=“条目类型” start=“起始值”>
<ramespacing
可以使用framespacing来控制框架之间的距离
scrolling
可以使用scrolling属性来控制是否需要显示滚动条, yes表示一定显示滚动条,no表示一定不显示滚动条,auto表示自动根据实际情况来决定是否显示滚动条
marginheight,marginwidth
可以使用marginheight,marginwidth来控制页面与框架间的距离
编辑课件
窗口打开位置
窗口打开位置
框架是将网页分成了多个窗口,所以新打开的链接窗口可以控制其打开位置
target属性
<a href=url target=_blank>在新窗口打开
<a href=url target=_self> 在当前窗口打开 <a href=url target=_parent> 在父窗口打开
<a href=url target=_top> 在整个浏览器窗口打开
<a href=url target=framename> 在指定名称的框架中打开
参见反示例：框架返回
编辑课件
浮动框架
什么是浮动框架
浮动框架是在网页中插入一个框架来显示另一个网页,该标记可放置在网页中任意位置
基本语法
<iframe src=# name=# align=# width=# height=# marginheight=# marginwidth=# frameborder=# scrolling=#>
说明:name属性为框架名称,主要作为此框架的标志
编辑课件
noframes
一般放在<frameset>卷标中，表示其中间部分不用框架显示。
当浏览器不支持框架结构时，可以用来在其中间插上〈body〉卷标所需显示的内容，方便用户使用。
相当于框架结构中的不显示信息。
<frameset>
<frame>
<frame>
…
<noframes>
<body>
文档主体内容
</body>
</noframes>
</frameset>
编辑课件
表格的基本结构
标记的含义
<table></table> 定义表格
<caption>...</caption>定义标题——显示在表格外,唯一有效，放在<table></table>中任意位置均可
<tr>...</tr> 定义表行
<th>...</th> 定义表头——显示在表格内，等价于粗体显示<td>中内容，可多项
<td>...</td> 定义列(表格的具体内容)
编辑课件
表格的标题
标题的标记
设置标题及水平对齐属性,由caption属性控制
语法
<caption align=left/center/right> ... </caption>
编辑课件
表格的属性设置
表格的对齐：align=left,center,right设置表格的位置
表格大小：width=象素值或百分比height=象素值或百分比
表格的边框属性：border=象素值
表格边框颜色：bordercolor=颜色
表格格间线宽（间距）：cellspacing=象素值
表格内容与格线距离（填充）：cellpadding=象素值
背景颜色：bgcolor=颜色
背景图片：background=图片路径
格内文字的对齐：
水平对齐align
垂直对齐valign=top,middle,bottom（不能用在<table>中，可以用在<tr> 、 <td>中 ）
编辑课件
跨多行、多列的表格(1/2)
单元格跨越多列：
colspan=列数
<td colspan=2>…</td>
编辑课件
跨多行、多列的表格(2/2)
单元格跨越多行：
rowspan=行数
<td rowspan=2>…</td>
编辑课件
合并单元格示例(1/3)
<table border=2 width=70%>
<tr><td>a</td><td>b</td></tr>
<tr><td>a</td><td>b</td></tr>
<tr><td>a</td><td>b</td></tr>
</table>
效果图：
编辑课件
合并单元格示例(2/3)
<table border=2 width=70%>
<tr><td colspan=2>a</td></tr>
<tr><td>a</td><td>b</td></tr>