SlideShare a Scribd company logo
1 of 10
表格、滚动字幕、框架表格、滚动字幕、框架
第四节网页制作学习课程第四节网页制作学习课程
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=“”Bgcolor=“”
 Background=“”Background=“”
 Bordercolor=“”Bordercolor=“” 表格边框颜色表格边框颜色
 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=“”align=“top/right/bottom” bgcolor=“”
width=“” height=“”></marquee>width=“” height=“”></marquee>
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”>
33 框架框架
 框架间的连接框架间的连接
 <a href=“<a href=“ 目标文件”目标文件” target=“target=“ 框架名”框架名” >> 热热
点文本点文本 </a></a>
 框架名:”框架名:” _blank” ”_self” ”_top” ”_parent”_blank” ”_self” ”_top” ”_parent”
 0909 电商穆方君电商穆方君
 0909 电商穆方君电商穆方君

More Related Content

More from ecmoment

旅行社管理(五)
旅行社管理(五)旅行社管理(五)
旅行社管理(五)ecmoment
 
旅行社管理(四)
旅行社管理(四)旅行社管理(四)
旅行社管理(四)ecmoment
 
旅行社管理(三)
旅行社管理(三)旅行社管理(三)
旅行社管理(三)ecmoment
 
旅行社管理(二)
旅行社管理(二)旅行社管理(二)
旅行社管理(二)ecmoment
 
旅行社管理(1)旅游产业四部门运行模型
旅行社管理(1)旅游产业四部门运行模型旅行社管理(1)旅游产业四部门运行模型
旅行社管理(1)旅游产业四部门运行模型ecmoment
 
SEO培训--关于链接、內链和外链的设置
SEO培训--关于链接、內链和外链的设置SEO培训--关于链接、內链和外链的设置
SEO培训--关于链接、內链和外链的设置ecmoment
 
什么是关键词-如何使用关键词策略去做网站推广
什么是关键词-如何使用关键词策略去做网站推广什么是关键词-如何使用关键词策略去做网站推广
什么是关键词-如何使用关键词策略去做网站推广ecmoment
 
网页设计第5节课
网页设计第5节课网页设计第5节课
网页设计第5节课ecmoment
 
Url是什么意思与什么是301重定向
Url是什么意思与什么是301重定向Url是什么意思与什么是301重定向
Url是什么意思与什么是301重定向ecmoment
 

More from ecmoment (9)

旅行社管理(五)
旅行社管理(五)旅行社管理(五)
旅行社管理(五)
 
旅行社管理(四)
旅行社管理(四)旅行社管理(四)
旅行社管理(四)
 
旅行社管理(三)
旅行社管理(三)旅行社管理(三)
旅行社管理(三)
 
旅行社管理(二)
旅行社管理(二)旅行社管理(二)
旅行社管理(二)
 
旅行社管理(1)旅游产业四部门运行模型
旅行社管理(1)旅游产业四部门运行模型旅行社管理(1)旅游产业四部门运行模型
旅行社管理(1)旅游产业四部门运行模型
 
SEO培训--关于链接、內链和外链的设置
SEO培训--关于链接、內链和外链的设置SEO培训--关于链接、內链和外链的设置
SEO培训--关于链接、內链和外链的设置
 
什么是关键词-如何使用关键词策略去做网站推广
什么是关键词-如何使用关键词策略去做网站推广什么是关键词-如何使用关键词策略去做网站推广
什么是关键词-如何使用关键词策略去做网站推广
 
网页设计第5节课
网页设计第5节课网页设计第5节课
网页设计第5节课
 
Url是什么意思与什么是301重定向
Url是什么意思与什么是301重定向Url是什么意思与什么是301重定向
Url是什么意思与什么是301重定向
 

网页设计第四节课

  • 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”