Web设计-第01章-HTML介绍(1).ppt

《Web设计-第01章-HTML介绍(1).ppt》由会员分享，可在线阅读，更多相关《Web设计-第01章-HTML介绍(1).ppt（43页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）1 1信息学院 陈伟锋Web开发技术（.NET）浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）2 2HTML语言介绍(1)第一章浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）3 3什么是什么是HTML?HTML?HTML-HyperText Mark-up Language HTML-HyperText Mark-up Language 超文本标记语言超文本标记语言 HTMLHTML不是编程语言，而是一种根据需要把相关

2、信息链不是编程语言，而是一种根据需要把相关信息链接起来的信息管理技术，是一种用于编写超文本的标接起来的信息管理技术，是一种用于编写超文本的标记语言。记语言。HTMLHTML文件的文件的后缀名后缀名可以是可以是*.htm*.htm或或*.html*.html，本质，本质上就是上就是一种文本文件一种文本文件，可以使用任何的文本编辑器，可以使用任何的文本编辑器(如记事本如记事本/Editplus/Editplus等等)来编写，也可以利用所见即来编写，也可以利用所见即所得的编辑器所得的编辑器(如如DreamWeaverDreamWeaver、FrontPage)FrontPage)来编写。来编写。浙江

3、财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）4 4什么是什么是HTTP?HTTP?HTTP-HyperText Transfer ProtocolHTTP-HyperText Transfer Protocol HTTP HTTP协议协议(超文本传输协议超文本传输协议)是用于从是用于从WWWWWW服务器传输服务器传输超文本到本地浏览器的传送协议。超文本到本地浏览器的传送协议。HTTPHTTP协议采用协议采用TCP80TCP80端口端口。浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）5 5WWWWWW介绍介绍

4、WWW-World Wide WebWWW-World Wide Web WWW WWW即即万维网万维网，通常也简称为，通常也简称为WebWeb，它是由无数的商业、，它是由无数的商业、教育、娱乐等资料组成的一个庞大的信息空间。我们教育、娱乐等资料组成的一个庞大的信息空间。我们可以在这个信息空间中遨游、浏览、搜索资料，最终可以在这个信息空间中遨游、浏览、搜索资料，最终呈现在浏览器中的信息，就是呈现在浏览器中的信息，就是webweb页面，这些页面绝页面，这些页面绝大部分都是由大部分都是由HTMLHTML语言所编写的。语言所编写的。所以，绝大部分所以，绝大部分webweb网站的域名都是以网站的域名都

5、是以wwwwww开头，但并开头，但并不是必须的。不是必须的。浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）6 6一个最简单的一个最简单的HTMLHTML页面页面 第一步：如果您使用第一步：如果您使用 WindowsWindows，请启动记事本。，请启动记事本。第二步：键入以下文本第二步：键入以下文本:页面标题页面标题 这是我的第一个页面！这是我的第一个页面！第三步：将这个文件存为第三步：将这个文件存为 mypage.htmmypage.htm。第四步：双击该文件，浏览器就会显示这个页面。第四步：双击该文件，浏览器就会显示这个页面。浙江财经大学信息学院

6、浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）7 7HTMLHTML页面解释页面解释 HTML HTML 文件中的第一个标签是文件中的第一个标签是 。这个标签告诉这个标签告诉浏览器这个浏览器这个 HTML HTML 文件的开始点。文件的开始点。文件中最后一个标文件中最后一个标签是签是 。这个标签告诉您的浏览器，这是。这个标签告诉您的浏览器，这是 HTML HTML 文件的结束点。文件的结束点。位于位于 标签标签和和 标签标签之间的文本是头信之间的文本是头信息。头信息不会显示在浏览器窗口中。息。头信息不会显示在浏览器窗口中。标签标签中的文本是文件的标题。标题会显示在中的文

7、本是文件的标题。标题会显示在浏览器的标题栏。浏览器的标题栏。标签标签中的文本是将被浏览器显示出来的文本。中的文本是将被浏览器显示出来的文本。和和 标签标签中的文本将以粗体显示。中的文本将以粗体显示。浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）8 8HTMLHTML文件的基本文件的基本结构结构 HTML HTML基本结构如下基本结构如下:标题部分标题部分 正文部分正文部分 浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）9 9HTMLHTML标签标签 HTML HTML标签用来组成标签用来组成HTMLHTML

8、文件。文件。HTMLHTML标签两端有两个包括字符：标签两端有两个包括字符：,这两个包括这两个包括字符被称为角括号。字符被称为角括号。HTMLHTML标签标签一般成对出现一般成对出现，比如，比如和和。一对标签的。一对标签的前面一个是开始标签，第二个是结束标签前面一个是开始标签，第二个是结束标签,在开始和结在开始和结束标签之间的文本是元素内容。束标签之间的文本是元素内容。HTMLHTML标签是标签是大小写无关大小写无关的，的，跟跟表示的意思是一表示的意思是一样的。样的。但一般建议用小写标签。但一般建议用小写标签。浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.N

9、ET）1010HTMLHTML标签的三种形式标签的三种形式 关闭型标签关闭型标签:文本文本/例如例如:这是我的第一个网页这是我的第一个网页!非关闭型标签非关闭型标签:例如例如:换行标签换行标签、水平线标签、水平线标签等。等。带可选属性的标签带可选属性的标签:文本文本/例如例如:这是我的第一个网页这是我的第一个网页!浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）1111举例举例 下面是一个下面是一个HTMLHTML元素元素:这是粗体文字这是粗体文字!此此HTMLHTML元素以开始标签元素以开始标签起始，内容是：起始，内容是：这是粗体文这是粗体文字字!，

10、以结束标签，以结束标签中止。中止。标签的目的是定义一标签的目的是定义一个需要被显示成粗体的个需要被显示成粗体的HTMLHTML元素。元素。浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）1212举例举例 下面也是一个下面也是一个HTMLHTML元素：元素：这是我的第一个页面这是我的第一个页面.这是粗体文字这是粗体文字!此此HTMLHTML标签以开始标签标签以开始标签起始，终止于结束标签起始，终止于结束标签。标签的目的是定义一个标签的目的是定义一个HTMLHTML元素，使元素，使其包含其包含HTMLHTML文档的主体。文档的主体。浙江财经大学信息学院浙江

11、财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）1313标签属性标签属性 标签属性标签属性:标签可以拥有属性。属性能够为页面上的标签可以拥有属性。属性能够为页面上的HTMLHTML元素提元素提供附加信息。供附加信息。属性通常由属性名和值成对出现属性通常由属性名和值成对出现，就像这样：，就像这样：name=valuename=value。属性通常是附加给。属性通常是附加给HTMLHTML元素的开始标元素的开始标签的。签的。浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）1414标签属性标签属性 属性值的引号问题属性值的引号问题:属性值应

12、该被包含在引号中。属性值应该被包含在引号中。双引号是最常用的双引号是最常用的，但但是单引号也可以使用是单引号也可以使用。很少情况下，比如说属性值本。很少情况下，比如说属性值本身包含引号，使用单引号就很必要了。身包含引号，使用单引号就很必要了。举例举例:name=John ShotGun Nelson name=John ShotGun Nelson。注意注意:中文引号跟英文引号是不一样的。上面所指的中文引号跟英文引号是不一样的。上面所指的引号都是英文状态下的引号。引号都是英文状态下的引号。浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）1515标签属性

13、举例标签属性举例 举例举例:标签标签定义了定义了HTMLHTML页面的主体元素。使用一个附页面的主体元素。使用一个附加的加的bgcolorbgcolor属性属性，表明你页面的背景色是红色的。，表明你页面的背景色是红色的。例如例如:这是这是蓝色的字体！蓝色的字体！浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）1616基本标签基本标签-段落标签段落标签 段落标签段落标签:HTML HTML自动在一个段落前后各添加一个空行。自动在一个段落前后各添加一个空行。AlignAlign属性属性可用来设置段落按左可用来设置段落按左(left)(left)、中、中(c

14、enter)(center)、右、右(right)(right)对齐。对齐。举例举例:静夜思静夜思-李白李白 床前明月光床前明月光,疑是地上霜疑是地上霜,举头望明月举头望明月,低头思故乡。低头思故乡。浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）1717基本标签基本标签-换行标签换行标签 换行标签换行标签:当需要结束一行，并且不想开始新段落时，使用当需要结束一行，并且不想开始新段落时，使用标签。标签。标签不管放在什么位置，都能够强制换行。标签不管放在什么位置，都能够强制换行。举例举例:静夜思静夜思-李白李白 床前明月光床前明月光,疑是地上霜疑是地上霜

15、,举头望明月举头望明月,低头思故乡。低头思故乡。浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）1818基本标签基本标签-空格问题空格问题 空格的问题空格的问题:不要想在编辑器中写一些空行和空格来协助排版。不要想在编辑器中写一些空行和空格来协助排版。HTMLHTML将截掉你文本中的多余空格。将截掉你文本中的多余空格。不管多少个空格，处理起不管多少个空格，处理起来只当一个。来只当一个。一点附加信息：在一点附加信息：在HTMLHTML里面，一个空行也里面，一个空行也只被当作一个空格来处理。如果想显示一个空格，则需只被当作一个空格来处理。如果想显示一个空格，

16、则需要输入要输入  。举例举例:body 这里这里 只有一个空格。这里只有一个空格。这里    有两个空格。有两个空格。浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）1919基本标签基本标签-字符实体字符实体 字符实体问题字符实体问题:在在HTMLHTML中，有些字符拥有特殊含义，比如小于号中，有些字符拥有特殊含义，比如小于号定定义为一个义为一个HTMLHTML标签的开始。假如我们想要浏览器显示这标签的开始。假如我们想要浏览器显示这些字符的话，必须在些字符的话，必须在HTMLHTML代码中插

17、入字符实体。一个字代码中插入字符实体。一个字符实体拥有符实体拥有三个部分：一个三个部分：一个andand符号符号(&)(&)，一个实体名或，一个实体名或者一个实体号，最后是一个分号者一个实体号，最后是一个分号(;)(;)。例如。例如:想要在想要在HTMLHTML文档中显示一个小于号，我们必须这样写文档中显示一个小于号，我们必须这样写:<:<或者或者<<特别注意特别注意:实体名是大小写敏感的。实体名是大小写敏感的。浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）2020基本标签基本标签-字符实体字符实体 常用的字符实体常用的字

18、符实体:例如例如:<<Jsp<<Jsp程序设计教程程序设计教程>>>>浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）2121基本标签基本标签-字符实体字符实体 常用的字符实体常用的字符实体:字符实体参考手册：http:/ 标题标签标题标签:、标题元素由标签标题元素由标签到到定义。定义。定义了最大的标定义了最大的标题，题，定义了最小的标题。定义了最小的标题。HTMLHTML自动在一个标题元素自动在一个标题元素前后各添加一个空行。前后各添加一个空行。举例举例:这是这是1 1级标题。级标题。这是这是2

19、 2级标题。级标题。这是居中的这是居中的3 3级标题。级标题。浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）2323基本标签基本标签-注释标签注释标签 注释标签注释标签:!-:-注释标签用来在注释标签用来在HTMLHTML源文件中插入注释。注释会被浏源文件中插入注释。注释会被浏览器忽略。但是可以通过览器忽略。但是可以通过htmlhtml源文件查看到注释。源文件查看到注释。举例举例:!-注释标签用来在注释标签用来在HTMLHTML源文件中插入注释。源文件中插入注释。浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET

20、）2424基本标签基本标签-水平线标签水平线标签 水平线标签水平线标签:其属性有其属性有:alignalign、widthwidth、sizesize、colorcolor 此标签只有开始标记，没有结束标记。此标签只有开始标记，没有结束标记。举例举例:body 这里有一条红色水平线。这里有一条红色水平线。hr color=#FF0000 width=300 size=10 align=left 浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）2525基本标签基本标签-body-body标签标签 页面的背景颜色页面的背景颜色:页面的背景图片页面的背景图片

21、:body background=:.jpg 页面的边距设置页面的边距设置:topmargin topmargin和和leftmarginleftmargin默认值等于默认值等于1212。页面的链接设置页面的链接设置:body link=blue vlink=green alink=red 注意注意:link:link设置未使用的链接颜色设置未使用的链接颜色,vlink,vlink设置已使用的设置已使用的链接的颜色，链接的颜色，alinkalink设置正在被点击的链接的颜色。设置正在被点击的链接的颜色。浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）2

22、626基本标签基本标签-背景音乐标签背景音乐标签 页面的背景音乐页面的背景音乐1 1:bgsound src=:注意注意:背景音乐标签是放在页面的头部背景音乐标签是放在页面的头部里，里，loop=loop=“-1-1”代表无限循环播放。注意代表无限循环播放。注意:当窗口被当窗口被最小化后，音乐将停止播放（依最小化后，音乐将停止播放（依IEIE版本有所区别，但版本有所区别，但是仅支持微软是仅支持微软IEIE）。）。页面的背景音乐页面的背景音乐2 2:embed src=:浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）2727基本标签基本标签-body-

23、body标签标签 补充补充:HTML:HTML颜色颜色 颜色有两种表示方式颜色有两种表示方式:一种是用颜色名称表示，比如一种是用颜色名称表示，比如blueblue表示蓝色。另外一种是用表示蓝色。另外一种是用1616进制的数值表示进制的数值表示RGBRGB的的颜色值颜色值,如如#FF0000#FF0000代表红色代表红色,#0000FF,#0000FF代表蓝色。代表蓝色。在在W3CW3C制定的制定的HTML 4.0HTML 4.0标准中，标准中，1616种颜色种颜色可以用颜色名可以用颜色名称表示称表示(aqua-aqua-浅绿色浅绿色,black-,black-黑色黑色,blue-,blue-蓝

24、色蓝色,fuchsia-,fuchsia-紫红色紫红色,gray-,gray-灰色灰色,green-,green-绿色绿色,lime,maroon-,lime,maroon-栗色栗色,navy-,navy-藏青色藏青色,olive-,olive-橄榄色橄榄色,purple-,purple-紫色紫色,red-,red-红色红色,silver-silver-银白色银白色,teal-,teal-凫蓝色凫蓝色,white-,white-白色白色,yellow-,yellow-黄色黄色)，其它的颜色都要用，其它的颜色都要用1616进制进制RGBRGB颜色值表示。颜色值表示。http:/ 举例举例:页面标

25、题页面标题 bgsound src=.mp3 loop=-1 body bgcolor=red leftmargin=50 background=.jpg 此页面以图片为背景此页面以图片为背景,左边距为左边距为5050。浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）2929基本标签基本标签-文本格式标签文本格式标签文本格式标签文本格式标签:粗体粗体标签标签:粗体粗体 斜体斜体标签标签:斜体斜体 下划线下划线标签标签:下划线下划线 下标下标标签标签:H:H2 2O O 上标上标标签标签:3:32 2=9=9 加重加重标签标签(通常是黑体通常是黑体):)

26、:加重单词加重单词(通常是黑体通常是黑体)浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）3030基本标签基本标签-字体标签字体标签字体字体(font)(font)标签标签:colorcolor属性属性:指定字体颜色。指定字体颜色。sizesize属性属性:一般为一般为1-71-7，最大为，最大为7 7，最小为，最小为1.1.faceface属性属性:指定字体种类，如黑体。指定字体种类，如黑体。举例举例:font color=#FF0000 size=6 face=静夜静夜思思 font color=#FF0000 size=+2 face=静夜静夜思

27、思 注意：在新标准中不建议使用这样的设置方式，而推注意：在新标准中不建议使用这样的设置方式，而推荐使用荐使用stylestyle设定设定。浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）3131基本标签基本标签-滚动字幕标签滚动字幕标签 滚动字幕滚动字幕(marquee)(marquee)标签标签:directiondirection属性属性:left(:left(向左滚动向左滚动)、right(right(向右滚动向右滚动)、top(top(向上滚动向上滚动)、down(down(向下滚动向下滚动)behaviorbehavior属性属性:滚动方式滚

28、动方式,其值为其值为scroll(scroll(循环滚动循环滚动,默默认认)、slide(slide(只滚动一次只滚动一次)、alternate(alternate(来回往复滚来回往复滚动动)widthwidth属性属性 :指定水平滚动范围。指定水平滚动范围。heightheight属性属性:指定垂直滚动范围。指定垂直滚动范围。hspacehspace属性属性:指定水平滚动的起始或结束位置。指定水平滚动的起始或结束位置。vspacevspace属性属性:指定垂直滚动的起始或结束位置。指定垂直滚动的起始或结束位置。scrollamountscrollamount属性属性:指定滚动速度指定滚动速度

29、(每次移动的象素点每次移动的象素点)。浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）3232基本标签基本标签-滚动字幕标签滚动字幕标签 滚动字幕滚动字幕(marquee)(marquee)标签标签:举例举例:欢欢迎访问我的网站迎访问我的网站!浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）3333基本标签基本标签-图像标签图像标签图像图像(image)(image)标签标签:srcsrc属性属性:指定图像文件的位置和名称。指定图像文件的位置和名称。alignalign属性属性:指定图像周围文本的对齐方法指定图

30、像周围文本的对齐方法,可取下面值可取下面值:toptop、bottombottom、middlemiddle、leftleft、rightright。widthwidth和和heightheight属性属性:指定图像的宽度和高度。指定图像的宽度和高度。altalt属性属性:在浏览器装载图像失败的时候，浏览器将显示这在浏览器装载图像失败的时候，浏览器将显示这个个 交互文本交互文本 来代替图像。来代替图像。borderborder属性属性:指定图像的边框的宽度。指定图像的边框的宽度。举例举例:img src=images/岳飞像岳飞像浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开

31、发技术（.NET.NET）3434基本标签基本标签-超文本标签超文本标签 超文本链接标签超文本链接标签:targettarget属性属性:指定目标窗口的打开方式指定目标窗口的打开方式,其值有其值有_blank_blank、_self_self、_parent_parent、_top_top 举例举例:友情链接友情链接:a href=http:/:target=_blank新浪新浪 a href=.ppt第第1 1章课件下载章课件下载 a href=.html岳飞介绍岳飞介绍 站长邮箱站长邮箱 img src=email.jpg width=150 height=142 border=0/浙江财

32、经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）3535基本标签基本标签-列表标签列表标签 列表列表:无序列表无序列表:列表项前面带有圆点符号列表项前面带有圆点符号()。有序列表有序列表:列表项前面带有数字编号列表项前面带有数字编号(如如1 1、2 2、3 3)。浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）3636基本标签基本标签-列表标签列表标签 无序列表标记无序列表标记:,列表内的每个项目用列表内的每个项目用标记标记,结束标结束标记记为可选项。为可选项。typetype属性定义了列表项符号属性定义了列表项符号

33、,其值可能为其值可能为squaresquare、discdisc、circlecircle等。等。举例举例:我最喜爱的网络游戏我最喜爱的网络游戏:反恐精英反恐精英 传奇传奇 巨人巨人 浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）3737基本标签基本标签-列表标签列表标签 有序列表标记有序列表标记:,列表内的每个项目用列表内的每个项目用标记标记,结束结束标记标记为可选项。为可选项。指定列表的起始数字指定列表的起始数字 表示用大写字母作编号表示用大写字母作编号 表示用大写字母作编号表示用大写字母作编号 表示用小写字母作编号表示用小写字母作编号 表示用大

34、写罗马字母作编号表示用大写罗马字母作编号 表示用小写罗马字母作编号表示用小写罗马字母作编号 浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）3838基本标签基本标签-列表标签列表标签 有序列表标记有序列表标记:举例举例:我经常访问的门户网站有我经常访问的门户网站有:新浪新浪 163 163 雅虎雅虎 搜狐搜狐 浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）3939基本标签基本标签-表格标签表格标签 和和标签标签:用来定义表格的开始和结束用来定义表格的开始和结束,主要的属性有主要的属性有:align align

35、属性属性:对齐方式对齐方式,值有值有leftleft、centercenter、rightright。widthwidth属性属性:表格宽度表格宽度,单位可以是百分比或象素。单位可以是百分比或象素。bgColorbgColor属性属性:表格的背景色。表格的背景色。backGroundbackGround属性属性:表格背景用图片显示。表格背景用图片显示。borderborder属性属性:表格边框。表格边框。borderColorborderColor属性属性:表格边框颜色。表格边框颜色。cellSpacingcellSpacing属性属性:两个单元格之间的距离。两个单元格之间的距离。cellPa

36、ddingcellPadding属性属性:单元格内文字与边框的距离。单元格内文字与边框的距离。浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）4040基本标签基本标签-表格标签表格标签 和和标签标签:用来定义表格的标题用来定义表格的标题,此项可省略。此项可省略。和和标签标签:tr=table row,tr=table row,用来定义表格的一行。用来定义表格的一行。和和标签标签:th=table head,th=table head,用来定义表格的表头用来定义表格的表头(标题栏标题栏),),显示为显示为粗体。其粗体。其colspancolspan属性属

37、性可以实现可以实现HTMLHTML表格中一行跨越多表格中一行跨越多列列,即列的合并。其即列的合并。其rowspanrowspan属性属性可以实现可以实现HTMLHTML表格中表格中一列跨越多行一列跨越多行,即行的合并。即行的合并。浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）4141基本标签基本标签-表格标签表格标签 和和标签标签:td=table data,td=table data,用来定义表格的单元格数据用来定义表格的单元格数据,必须位于必须位于和和之间。之间。的属性有的属性有:bgcolor:bgcolor、alignalign、valign

38、(valign(垂直对齐方式垂直对齐方式)、colspancolspan、rowspanrowspan。其。其colspancolspan属性属性可以实现可以实现HTMLHTML表格中一行跨越多列表格中一行跨越多列,即列即列的合并。其的合并。其rowspanrowspan属性属性可以实现可以实现HTMLHTML表格中一列跨越表格中一列跨越多行多行,即行的合并。即行的合并。浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）4242基本标签基本标签-表格标签表格标签 表格标签举例表格标签举例:我经常访问的网站我经常访问的网站 门户网站门户网站 新浪新浪 雅虎雅虎 腾讯腾讯 浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术（开发技术（.NET.NET）4343课堂作业课堂作业 个人主页个人主页 我的课表我的课表