网页设计第四节课
- 2. 11 表格表格
1.1. 表格:将文本与图片按行、列排列,有利表格:将文本与图片按行、列排列,有利
于表达信息。于表达信息。
表格通常在主页中用来建立网页的框架,表格通常在主页中用来建立网页的框架,
使整个页面更规则地放置图片和空白,并使整个页面更规则地放置图片和空白,并
使条目更加清晰。使条目更加清晰。
- 3. 1.1. 简单的表格(仅有行和列)简单的表格(仅有行和列)
表格标记:表格标记: <table><table> (必须成对出现) 行标记:(必须成对出现) 行标记:
<tr><tr> (单标记,一行结束新的一行开始) 表项:(单标记,一行结束新的一行开始) 表项:
<td><td> (表项内容写在(表项内容写在 <td></td><td></td> 之间)之间)
格式:格式: <table border=“n” width=“x/x%”<table border=“n” width=“x/x%”
height=“y/y%” cellspacing=“i” cellpadding=“j”>height=“y/y%” cellspacing=“i” cellpadding=“j”>
<tr><th><tr><th> 表头表头 1</th><th>1</th><th> 表头表头 2</th>…2</th>…
<tr><td><tr><td> 表项表项 1</td>1</td>
<tr><td></td></tr><tr><td></td></tr>
</table></table>
- 4. 11 表格表格
表格内文字对齐方式表格内文字对齐方式
1.1. 水平对齐水平对齐 align= “center”/”left” “right”align= “center”/”left” “right”
“justify”(“justify”( 左右调整左右调整 ))
22 垂直对齐垂直对齐
valign= “top”/”bottom” “middle” “baseline”(valign= “top”/”bottom” “middle” “baseline”( 左左
右调整右调整 ))
33 表格在页面中对齐方式表格在页面中对齐方式 align=align=
“center”/”left” “right”“center”/”left” “right”
- 5. 11 表格表格
表格颜色和背景图片表格颜色和背景图片
Bgcolor=“”Bgcolor=“”
Background=“”Background=“”
Bordercolor=“”Bordercolor=“” 表格边框颜色表格边框颜色
Bodercolor light””Bodercolor light”” 表格边框亮部颜色表格边框亮部颜色
Rules=“row,cols”/”none”Rules=“row,cols”/”none” 表内线的显示方法表内线的显示方法
- 6. 22 字幕标记字幕标记
<marquee direction=<marquee direction=
“up”/”left” /””down”/“right”“up”/”left” /””down”/“right”
behavior=“scrollsidealternate” loop=“-behavior=“scrollsidealternate” loop=“-
1/i/infinite” hspace=“m” vspace=“n”1/i/infinite” hspace=“m” vspace=“n”
scrollamount=“i” scrolldelay=“j”scrollamount=“i” scrolldelay=“j”
align=“top/right/bottom” bgcolor=“”align=“top/right/bottom” bgcolor=“”
width=“” height=“”></marquee>width=“” height=“”></marquee>
- 7. 33 框架框架
1<framset>1<framset> 定义框架组队属性定义框架组队属性
<framset row=“” cols=“” border=“”<framset row=“” cols=“” border=“”
bordercolor=“” frameborder=“yes/no”bordercolor=“” frameborder=“yes/no”
framespacing=“”>….</framset>framespacing=“”>….</framset>
2 < frame>2 < frame> 指定页面内容指定页面内容
<fram src=“” name=“” border=“”<fram src=“” name=“” border=“”
bordercolor=“” frameborder=“yes/no”bordercolor=“” frameborder=“yes/no”
marginwidth=“” marginheight=“”marginwidth=“” marginheight=“”
scrolling=“yes/no/auto/noresize”>scrolling=“yes/no/auto/noresize”>
- 8. 33 框架框架
框架间的连接框架间的连接
<a href=“<a href=“ 目标文件”目标文件” target=“target=“ 框架名”框架名” >> 热热
点文本点文本 </a></a>
框架名:”框架名:” _blank” ”_self” ”_top” ”_parent”_blank” ”_self” ”_top” ”_parent”