狠狠撸

狠狠撸Share a Scribd company logo

网页设计第四节课

?Download as PPT, PDF?
?
E
ecmoment
1 of 10
Download to read offline
表格、滚动字幕、框架表格、滚动字幕、框架 第四节网页制作学习课程第四节网页制作学习课程
11 表格表格 ? 1.1. 表格：将文本与图片按行、列排列，有利表格：将文本与图片按行、列排列，有利 于表达信息。于表达信息。 ? 表格通常在主页中用来建立网页的框架，表格通常在主页中用来建立网页的框架， 使整个页面更规则地放置图片和空白，并使整个页面更规则地放置图片和空白，并 使条目更加清晰。使条目更加清晰。
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>
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”
11 表格表格 ? 表格颜色和背景图片表格颜色和背景图片 ? Bgcolor=/slideshow/ss-5755301/5755301/“”Bgcolor=/slideshow/ss-5755301/5755301/“” ? Background=/slideshow/ss-5755301/5755301/“”Background=/slideshow/ss-5755301/5755301/“” ? Bordercolor=/slideshow/ss-5755301/5755301/“”Bordercolor=/slideshow/ss-5755301/5755301/“” 表格边框颜色表格边框颜色 ? Bodercolor light””Bodercolor light”” 表格边框亮部颜色表格边框亮部颜色 ? Rules=“row,cols”/”none”Rules=“row,cols”/”none” 表内线的显示方法表内线的显示方法
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=/slideshow/ss-5755301/5755301/“”align=“top/right/bottom” bgcolor=/slideshow/ss-5755301/5755301/“” width=/slideshow/ss-5755301/5755301/“” height=/slideshow/ss-5755301/5755301/“”></marquee>width=/slideshow/ss-5755301/5755301/“” height=/slideshow/ss-5755301/5755301/“”></marquee>
33 框架框架 ? 1<framset>1<framset> 定义框架组队属性定义框架组队属性 ? <framset row=/slideshow/ss-5755301/5755301/“” cols=/slideshow/ss-5755301/5755301/“” border=/slideshow/ss-5755301/5755301/“”<framset row=/slideshow/ss-5755301/5755301/“” cols=/slideshow/ss-5755301/5755301/“” border=/slideshow/ss-5755301/5755301/“” bordercolor=/slideshow/ss-5755301/5755301/“” frameborder=“yes/no”bordercolor=/slideshow/ss-5755301/5755301/“” frameborder=“yes/no” framespacing=/slideshow/ss-5755301/5755301/“”>….</framset>framespacing=/slideshow/ss-5755301/5755301/“”>….</framset> ? 2 < frame>2 < frame> 指定页面内容指定页面内容 ? <fram src=/slideshow/ss-5755301/5755301/“” name=/slideshow/ss-5755301/5755301/“” border=/slideshow/ss-5755301/5755301/“”<fram src=/slideshow/ss-5755301/5755301/“” name=/slideshow/ss-5755301/5755301/“” border=/slideshow/ss-5755301/5755301/“” bordercolor=/slideshow/ss-5755301/5755301/“” frameborder=“yes/no”bordercolor=/slideshow/ss-5755301/5755301/“” frameborder=“yes/no” marginwidth=/slideshow/ss-5755301/5755301/“” marginheight=/slideshow/ss-5755301/5755301/“”marginwidth=/slideshow/ss-5755301/5755301/“” marginheight=/slideshow/ss-5755301/5755301/“” scrolling=“yes/no/auto/noresize”>scrolling=“yes/no/auto/noresize”>
33 框架框架 ? 框架间的连接框架间的连接 ? <a href=“<a href=“ 目标文件”目标文件” target=“target=“ 框架名”框架名” >> 热热 点文本点文本 </a></a> ? 框架名：”框架名：” _blank” ”_self” ”_top” ”_parent”_blank” ”_self” ”_top” ”_parent”
? 0909 电商穆方君电商穆方君
? 0909 电商穆方君电商穆方君

More Related Content

网页设计第四节课

  • 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=/slideshow/ss-5755301/5755301/“”Bgcolor=/slideshow/ss-5755301/5755301/“” ? Background=/slideshow/ss-5755301/5755301/“”Background=/slideshow/ss-5755301/5755301/“” ? Bordercolor=/slideshow/ss-5755301/5755301/“”Bordercolor=/slideshow/ss-5755301/5755301/“” 表格边框颜色表格边框颜色 ? 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=/slideshow/ss-5755301/5755301/“”align=“top/right/bottom” bgcolor=/slideshow/ss-5755301/5755301/“” width=/slideshow/ss-5755301/5755301/“” height=/slideshow/ss-5755301/5755301/“”></marquee>width=/slideshow/ss-5755301/5755301/“” height=/slideshow/ss-5755301/5755301/“”></marquee>
  • 7. 33 框架框架 ? 1<framset>1<framset> 定义框架组队属性定义框架组队属性 ? <framset row=/slideshow/ss-5755301/5755301/“” cols=/slideshow/ss-5755301/5755301/“” border=/slideshow/ss-5755301/5755301/“”<framset row=/slideshow/ss-5755301/5755301/“” cols=/slideshow/ss-5755301/5755301/“” border=/slideshow/ss-5755301/5755301/“” bordercolor=/slideshow/ss-5755301/5755301/“” frameborder=“yes/no”bordercolor=/slideshow/ss-5755301/5755301/“” frameborder=“yes/no” framespacing=/slideshow/ss-5755301/5755301/“”>….</framset>framespacing=/slideshow/ss-5755301/5755301/“”>….</framset> ? 2 < frame>2 < frame> 指定页面内容指定页面内容 ? <fram src=/slideshow/ss-5755301/5755301/“” name=/slideshow/ss-5755301/5755301/“” border=/slideshow/ss-5755301/5755301/“”<fram src=/slideshow/ss-5755301/5755301/“” name=/slideshow/ss-5755301/5755301/“” border=/slideshow/ss-5755301/5755301/“” bordercolor=/slideshow/ss-5755301/5755301/“” frameborder=“yes/no”bordercolor=/slideshow/ss-5755301/5755301/“” frameborder=“yes/no” marginwidth=/slideshow/ss-5755301/5755301/“” marginheight=/slideshow/ss-5755301/5755301/“”marginwidth=/slideshow/ss-5755301/5755301/“” marginheight=/slideshow/ss-5755301/5755301/“” 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”