HTML语言基础.ppt

《HTML语言基础.ppt》由会员分享，可在线阅读，更多相关《HTML语言基础.ppt（50页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、HTML语言基础语言基础校园网站管理员培训第二讲校园网站管理员培训第二讲第一章HTML概述与基本结构一、HTML的概述lHTML(HypertextMarkedLanguage)，即超文本标记语，即超文本标记语言言,是一种用来制作超文本文档的简单标记语言。超文本是一种用来制作超文本文档的简单标记语言。超文本传输协议规定了浏览器在运行传输协议规定了浏览器在运行HTML文档时所遵循的规文档时所遵循的规则和进行的操作则和进行的操作.HTTP协议的制定使浏览器在运行超文本协议的制定使浏览器在运行超文本时有了统一的规则和标准时有了统一的规则和标准.l用用HTML编写的超文本文档称为编写的超文本文档称为H

2、TML文档，它能独立于文档，它能独立于各种操作系统平台，自各种操作系统平台，自1990年以来年以来HTML就一直被用作万就一直被用作万维网的信息表示语言，使用维网的信息表示语言，使用HTML语言描述的文件，需要语言描述的文件，需要通过通过WEB浏览器显示出效果。浏览器显示出效果。l所谓超文本，是因为它可以加入图片、声音、动画、影视所谓超文本，是因为它可以加入图片、声音、动画、影视等内容，事实上每一个等内容，事实上每一个HTML文档都是一种静态的网页文文档都是一种静态的网页文件，这个文件里面包含了件，这个文件里面包含了HTML指令代码，这些指令代码指令代码，这些指令代码并不是一种程序语言，它只是

3、一种并不是一种程序语言，它只是一种排版网页中资料显示位排版网页中资料显示位置的标记结构语言置的标记结构语言，易学易懂，非常简单。，易学易懂，非常简单。l通过通过HTML可以表现出丰富多彩的设计风格、实现页面之可以表现出丰富多彩的设计风格、实现页面之间的跳转间的跳转、展现多媒体的效果。、展现多媒体的效果。lHTML只是一个纯文本文件。创建一个只是一个纯文本文件。创建一个HTML文档，只需文档，只需要两个工具，一个是要两个工具，一个是HTML编辑器，一个编辑器，一个WEB浏览器。浏览器。HTML编辑器是用于生成和保存编辑器是用于生成和保存HTML文档的应用程序。文档的应用程序。一、HTML的概述l

4、一个一个HTML文档是由一系列的元素和标签组成文档是由一系列的元素和标签组成.元素元素名不区分大小写名不区分大小写.lHTML用标签来规定元素的属性和它在文件中的位置。用标签来规定元素的属性和它在文件中的位置。lHTML超文本文档分文档头和文档体两部分，在文档超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。中才是要显示的各种文档信息。二、HTML的基本结构l下面是一个最基本的下面是一个最基本的html文档的代码文档的代码:11.html-开始标签开始标签-一个简单的一个简单的HTML示例

5、示例|头部标签头部标签-|欢迎光临我的主页欢迎光临我的主页|文件主体文件主体|这是我第一次做主页这是我第一次做主页|-结尾标签结尾标签简单实例三、HTML的标签与属性l用用“”括起来的句子，我们称它为括起来的句子，我们称它为标签标签，是用来分割和标签，是用来分割和标签文本的元素，以形成文本的布局、文字的格式及五彩缤纷的画面。文本的元素，以形成文本的布局、文字的格式及五彩缤纷的画面。l标签通过指定某块信息为段落或标题等来标识文档某个部件。标签通过指定某块信息为段落或标题等来标识文档某个部件。属性属性是是标志里的参数的选项。标志里的参数的选项。lHTML的标签分的标签分单标签单标签和和成对标签成对

6、标签两种。成对标签是由首标签两种。成对标签是由首标签和尾标签和尾标签组成的，成对标签的作用域只作用于这对标签中组成的，成对标签的作用域只作用于这对标签中的文档。单独标签的格式的文档。单独标签的格式，单独标签在相应的位置插入元素，单独标签在相应的位置插入元素就可以了，大多数标签都有自己的一些属性就可以了，大多数标签都有自己的一些属性,属性要写在始标签内，属性要写在始标签内，属性用于进一步改变显示的效果属性用于进一步改变显示的效果,各属性之间无先后次序，属性是可各属性之间无先后次序，属性是可选的，属性也可以省略而采用默认值选的，属性也可以省略而采用默认值;其格式如下：其格式如下：内容内容l作为一般

7、的原则，大多数属性值不用加双引号。但是包括作为一般的原则，大多数属性值不用加双引号。但是包括空格、号，号等特殊字符的属性值必须加入双引号。空格、号，号等特殊字符的属性值必须加入双引号。为了好的习惯，提倡全部对属性值加双引号。如：为了好的习惯，提倡全部对属性值加双引号。如：l字体设置字体设置l注意事项：输入始标签时，一定不要在注意事项：输入始标签时，一定不要在“”与标签名之与标签名之间输入多余的空格，也不能在中文输入法状态下输入这些间输入多余的空格，也不能在中文输入法状态下输入这些标签及属性，否则浏览器将不能正确的识别括号中的标志标签及属性，否则浏览器将不能正确的识别括号中的标志命令，从而无法正

8、确的显示你的信息。命令，从而无法正确的显示你的信息。注意：第二章第二章HTML主体标签主体标签及属性、颜色的设定及属性、颜色的设定一、html的主体标签l格式：格式：属性属性描述描述link设定页面默认的连接颜色设定页面默认的连接颜色alink设定鼠标正在单击时的连接颜色设定鼠标正在单击时的连接颜色vlink设定访问后连接文字的颜色设定访问后连接文字的颜色background 设定页面背景图像设定页面背景图像bgcolor设定页面背景颜色设定页面背景颜色leftmargin设定页面的左边距设定页面的左边距topmargin设定页面的上边距设定页面的上边距bgproperties设定页面背景图像

9、为固定，不随页设定页面背景图像为固定，不随页面的滚动而滚动面的滚动而滚动text设定页面文字的颜色设定页面文字的颜色l在在和和中放中放置的是页面中所有的内容，置的是页面中所有的内容，如图片、文字、表格、表如图片、文字、表格、表单、超链接等设置。单、超链接等设置。l标签有自己的属性，标签有自己的属性，设置设置标签内的属标签内的属性，可控制整个页面的显性，可控制整个页面的显示方式。示方式。实例：2-1.htmlbady的属性实例的属性实例设定不同的连接颜色设定不同的连接颜色测试测试body标签标签默认的连接颜色默认的连接颜色正在按下的连接颜色正在按下的连接颜色,访问过后的连接颜色访问过后的连接颜色

10、,返回返回二、颜色的设定l颜色值是一个关键字或一个颜色值是一个关键字或一个RGB格式的数字。格式的数字。l颜色是由颜色是由“red”“green”“blue”三原色组合而成的，在三原色组合而成的，在HTML中对颜色的定义是用十六进位的，对於三原色中对颜色的定义是用十六进位的，对於三原色HTML分别给分别给予两个十六进位去定义，也就是每个原色可有予两个十六进位去定义，也就是每个原色可有256种彩度，故此三原种彩度，故此三原色可混合成色可混合成16777216种颜色。种颜色。l例如：例如：白色的组成是白色的组成是red=ff,green=ff,blue=ff,RGB值即为值即为ffffff红色的组

11、成是红色的组成是red=ff,green=00,blue=00,RGB值即为值即为ff0000绿色的组成是绿色的组成是red=00,green=ff,blue=00,RGB值即为值即为00ff00蓝色的组成是蓝色的组成是red=00,green=00,blue=ff,RGB值即为值即为0000ff黑色的组成是黑色的组成是red=00,green=00,blue=00,RGB值即为值即为000000l应用时常在每个应用时常在每个RGB值之前加上值之前加上“#“符号，如：符号，如：bgcolor=#336699l用英文名字表示颜色时直接写名字。如用英文名字表示颜色时直接写名字。如bgcolor=g

12、reenlRGB颜色可以有四种表达形式颜色可以有四种表达形式:：l#rrggbb(如如，#00cc00)l#rgb(如如，#0c0)lrgb(x,x,x)x是一个介乎是一个介乎0到到255之间的整数之间的整数(如如，rgb(0,204,0)lrgb(y%,y%,y%)y是一个介乎是一个介乎0.0到到100.0之间的整数之间的整数(如如，rgb(0%,80%,0%)lWindowsVGA(视频图像阵列视频图像阵列)形成了形成了16个关键字个关键字:aqua，black，blue，fuchsia,gray，green，lime，maroon，navy，olive，purple，red，silver

13、，teal，white，andyellow第三章第三章文字版面的编辑文字版面的编辑一、换行标签l换行标签是个单标签，也叫空标签，不包含任和内容，在换行标签是个单标签，也叫空标签，不包含任和内容，在html文件中文件中的任何位置只要使用了的任何位置只要使用了标签，当文件显示在浏览器中时，该标签标签，当文件显示在浏览器中时，该标签之后的内容将显示下一行。之后的内容将显示下一行。l请看下面的例子：请看下面的例子：3-1htmll无换行示例无换行示例l无换行标记：登鹳雀楼无换行标记：登鹳雀楼白日依山尽，黄河入海流。欲穷千里目，更白日依山尽，黄河入海流。欲穷千里目，更上一层楼。上一层楼。有换行标记：有换

14、行标记：登鹳雀楼登鹳雀楼白日依山尽，白日依山尽，黄河入海流。黄河入海流。欲穷千里目，欲穷千里目，更上一层楼。更上一层楼。l二、换段落标签及属性l由由标签所标识的文字，代表同一个段落的文字。不同段标签所标识的文字，代表同一个段落的文字。不同段落间的间距等于连续加了两个换行符，也就是要隔一行空白落间的间距等于连续加了两个换行符，也就是要隔一行空白行，用以区别文字的不同段落。它可以单独使用，也可以成行，用以区别文字的不同段落。它可以单独使用，也可以成对使用。单独使用时，下一个对使用。单独使用时，下一个的开始就意味着上一个的开始就意味着上一个的结束。良好的习惯是成对使用。的结束。良好的习惯是成对使用。

15、l格式：格式：其中其中,ALIGN是是标签的属性标签的属性,有三个参数有三个参数left,center,right.这三个参数设置段落文字的左这三个参数设置段落文字的左,中中,右位置的对齐方式右位置的对齐方式.实例:3-2htmll测试分段控制标签测试分段控制标签花儿什么也没有。它们只有凋谢在风中的轻微、凄楚而又无奈的花儿什么也没有。它们只有凋谢在风中的轻微、凄楚而又无奈的吟怨，就像那受到了致命伤害的秋雁，悲哀无助地发出一声声垂死的吟怨，就像那受到了致命伤害的秋雁，悲哀无助地发出一声声垂死的鸣叫。鸣叫。或许，这便是花儿那短暂一生最凄凉、最伤感的归或许，这便是花儿那短暂一生最凄凉、最伤感的归宿。

16、宿。而美丽苦短的花期而美丽苦短的花期却是那最后悲伤的秋风挽歌中的瞬间插曲。却是那最后悲伤的秋风挽歌中的瞬间插曲。三、原样显示文字标签l要保留原始文字排版的格式要保留原始文字排版的格式,就可以通过就可以通过标签来实现标签来实现,方法是把制作好的方法是把制作好的文字排版内容前后分别加上始标签文字排版内容前后分别加上始标签和尾标签和尾标签.实例实例:3-3htmll原样显示文字标签原样显示文字标签白日依山尽，白日依山尽，黄河入海流。黄河入海流。欲穷千里目，欲穷千里目，更上一层楼。更上一层楼。四、居中对齐标签l文本在页面中使用文本在页面中使用标签进行居中显示标签进行居中显示,是成对标签是成对标签,在需

17、要在需要居中的内容部分开头处加居中的内容部分开头处加,结尾处加结尾处加。实例：实例：3-4htmll居中对齐标签居中对齐标签l送孟浩然之廣陵送孟浩然之廣陵l故人西辭黃鶴樓，故人西辭黃鶴樓，l煙花三月下揚州。煙花三月下揚州。l孤帆遠影碧山盡，孤帆遠影碧山盡，l惟見長江天際流。惟見長江天際流。五、水平分隔线标签l标签是单独使用的标签，是水平线标签，用于段落与段落标签是单独使用的标签，是水平线标签，用于段落与段落之间的分隔，使文档结构清晰明了，使文字的编排更整齐。通之间的分隔，使文档结构清晰明了，使文字的编排更整齐。通过设置过设置标签的属性值，可以控制水平分隔线的样式。标签的属性值，可以控制水平分隔

18、线的样式。六、特殊字符l在在HTML文档中，有些字符没办法直接显示出来，使用特殊字符可以文档中，有些字符没办法直接显示出来，使用特殊字符可以将键盘上没有的字符表达出来，而有些将键盘上没有的字符表达出来，而有些HTML文档的特殊字符在键盘文档的特殊字符在键盘上虽然可以得到，但浏览器在解析上虽然可以得到，但浏览器在解析HTML文当时会报错，例如文当时会报错，例如等，等，为防止代码混淆，必须用一些代码来表示它们。为防止代码混淆，必须用一些代码来表示它们。七、注释标签l在在HTML文档中可以加入相关的注释标记，便文档中可以加入相关的注释标记，便于查找和记忆有关的文件内容和标识，这些注于查找和记忆有关的

19、文件内容和标识，这些注释内容并不会在浏览器中显示出来。释内容并不会在浏览器中显示出来。l注释标签的格式有如下：注释标签的格式有如下：八、字体属性3-10-1标题文字标签标题文字标签l标签用于设置网页中的标题文字，被设置的文字将以黑体或标签用于设置网页中的标题文字，被设置的文字将以黑体或粗体的方式显示在网页中。粗体的方式显示在网页中。l标题标签的格式：标题标签的格式：hnalign=参数参数标题内容标题内容l说明：说明：标签是成对出现的，标签是成对出现的，标签共分为六级，在标签共分为六级，在.之间的文字就是第一级标题，是最大最粗的标题；之间的文字就是第一级标题，是最大最粗的标题；.之间的文字是最

20、后一级，是最小最细的标题文字。之间的文字是最后一级，是最小最细的标题文字。align属性用于设置标题的对齐方式，其参数为属性用于设置标题的对齐方式，其参数为left（左），（左），enter（中（中)，right(右）。右）。标签本身具有换行的作用，标题标签本身具有换行的作用，标题总是从新的一行开始。总是从新的一行开始。l实例实例3-8-1html3-8-2文字格式控制标签l标签用于控制文字的字体，大小和颜色。控制方式是利用标签用于控制文字的字体，大小和颜色。控制方式是利用属性设置得以实现的。属性设置得以实现的。l格式：格式：fontface=值值1size=值值2color=值值3文字文字l

21、说明：如果用户的系统中没有说明：如果用户的系统中没有face属性所指的字体，则将使用默属性所指的字体，则将使用默认字体。认字体。size属性的取值为属性的取值为17。也可以用。也可以用“+”或或“-”来设定字来设定字号的相对值。号的相对值。color属性的值为：属性的值为：rgb颜色颜色“#nnnnnn”或颜色的名或颜色的名称。称。l实例：实例：3-10-2html3-8-3特定文字样式标签l在有关文字的显示中，常常会使用一些特殊的字形或字体来强调、在有关文字的显示中，常常会使用一些特殊的字形或字体来强调、突出、区别以达到提示的效果。在突出、区别以达到提示的效果。在html中用于这种功能的标签

22、可中用于这种功能的标签可以分为两类，物理类型和逻辑类型。以分为两类，物理类型和逻辑类型。1、物理类型、物理类型(1)粗体标签粗体标签放在放在与与标签之间的文字将以粗体方式显示。标签之间的文字将以粗体方式显示。(2)斜体标签斜体标签放在放在与与标签之间的文字将以斜体方式显示。标签之间的文字将以斜体方式显示。(3)下划线标签下划线标签放在放在与与标签之间的文字将以下划线方式显示。标签之间的文字将以下划线方式显示。l实例实例3-8-31html2、逻辑类型l逻辑类型是使用一些标签来改变字体的形态和逻辑类型是使用一些标签来改变字体的形态和式样，以便产生一些浏览者习惯的或约定的显式样，以便产生一些浏览者

23、习惯的或约定的显示效果，常用的逻辑类型标签有八种，放在标示效果，常用的逻辑类型标签有八种，放在标签之间的文字受其控制。下面请看常用逻辑标签之间的文字受其控制。下面请看常用逻辑标签的实例签的实例l实例实例3-8-32htrml第四章第四章建立超链接建立超链接一、概述lHTML文件中最重要的应用之一就是超链接，文件中最重要的应用之一就是超链接，web上的网页是互相链接的，上的网页是互相链接的，单击被称为超链接的文本或图形就可以链接到其它页面。超文本具有的链单击被称为超链接的文本或图形就可以链接到其它页面。超文本具有的链接能力接能力,可层层链接相关文件，这种具有超级链能力的操作，即称为超级可层层链接

24、相关文件，这种具有超级链能力的操作，即称为超级链接。超级链接除了可链接文本外，也可链接各种媒体，如声音、图象、链接。超级链接除了可链接文本外，也可链接各种媒体，如声音、图象、动画，通过它们我们可享受丰富多采的多媒体世界。动画，通过它们我们可享受丰富多采的多媒体世界。l建立超链接的标签为建立超链接的标签为和和l格式为：格式为：超链接名称超链接名称l说明：标签说明：标签表示一个链接的开始，表示一个链接的开始，表示链接的结束；表示链接的结束；l属性属性“HREF”定义了这个链接所指的目标地址；目标地址是最重要的，一定义了这个链接所指的目标地址；目标地址是最重要的，一旦路径上出现差错，该资源就无法访问

25、旦路径上出现差错，该资源就无法访问lTARGET:该属性用于指定打开链接的目标窗口，其默认方式是原窗口。该属性用于指定打开链接的目标窗口，其默认方式是原窗口。lTITLE：该属性用于指定指向链接时所显示的标题文字。：该属性用于指定指向链接时所显示的标题文字。l超链接名称超链接名称是要单击到链接的元素，元素可以包含文本，也可是要单击到链接的元素，元素可以包含文本，也可以包含图像。文本带下划线且与其它文字颜色不同，图形链接通以包含图像。文本带下划线且与其它文字颜色不同，图形链接通常带有边框显示。用图形做链接时只要把显示图像的标志常带有边框显示。用图形做链接时只要把显示图像的标志嵌套在嵌套在之间就能

26、实现图像链接的效果。当之间就能实现图像链接的效果。当鼠标指向鼠标指向超链接名称超链接名称处时会变成手状，单击这个元素可以访问处时会变成手状，单击这个元素可以访问指定的目标文件。指定的目标文件。一、概述二、链接路径l每一个文件都有自己的存放位置和路径，理解一个文件到要链接每一个文件都有自己的存放位置和路径，理解一个文件到要链接的那个文件之间的路径关系是创建链接的根本。的那个文件之间的路径关系是创建链接的根本。lURL(UniformResourcLocator)指的就是每一个网站都具有的指的就是每一个网站都具有的地址。同一个网站下的每一个网页都属于同一个地址之下，在创地址。同一个网站下的每一个网

27、页都属于同一个地址之下，在创建一个网站的网页时，不需要为每一个连接都输入完全的地址，建一个网站的网页时，不需要为每一个连接都输入完全的地址，我们只需要确定当前文档同站点根目录之间的相对路径关系就可我们只需要确定当前文档同站点根目录之间的相对路径关系就可以了。因此，链接可以分以下三种：以了。因此，链接可以分以下三种：l绝对路径绝对路径如：如：http:/l相对路径相对路径如：如：news/index.htmll根路径根路径如：如：d/web/news/index.html1、绝对路径l绝对路径：包含了标识绝对路径：包含了标识INTERNET上的文件所需要的上的文件所需要的所有信息。文件的链接是相

28、对原文档而定的。包括完所有信息。文件的链接是相对原文档而定的。包括完整的协议名称，主机名称，文件夹名称和文件名称整的协议名称，主机名称，文件夹名称和文件名称l其格式为其格式为：通讯协议通讯协议：/服务器地址：通讯端口服务器地址：通讯端口/文文件位置件位置./文件名。文件名。2、相对路径l相对路经是以当前文件所在路径为起点，进行相对文件的查找。一个相对路经是以当前文件所在路径为起点，进行相对文件的查找。一个相对的相对的URL不包括协议和主机地址信息，表示它的路径与当前文档的不包括协议和主机地址信息，表示它的路径与当前文档的访问协议和主机名相同，甚至有相同的目录路径。通常只包含文件夹访问协议和主机

29、名相同，甚至有相同的目录路径。通常只包含文件夹名和文件名。甚至只有文件名。可以用相对名和文件名。甚至只有文件名。可以用相对URL指向与源文档位于同指向与源文档位于同一服务器或同文件夹中的文件。此时，浏览器链接的目标文档处在同一服务器或同文件夹中的文件。此时，浏览器链接的目标文档处在同一服务器或同一文件夹下。一服务器或同一文件夹下。l如果链接到同一目录下，则只需输入要链接文件的名称。如果链接到同一目录下，则只需输入要链接文件的名称。l要链接到下级目录中的文件。只需先输入目录名，然后加要链接到下级目录中的文件。只需先输入目录名，然后加/，再输，再输入文件名。入文件名。l要链接到上一级目录中文件，则

30、先输入要链接到上一级目录中文件，则先输入./，再输入文件名。，再输入文件名。3、根路径l根路径目录地址同样可用于创建内部链接，但大多数情况下，不建议使用此根路径目录地址同样可用于创建内部链接，但大多数情况下，不建议使用此种链接形式。种链接形式。l根路径目录地址的书写也很简单，首先以一个斜杠开头，代表根目录，然后根路径目录地址的书写也很简单，首先以一个斜杠开头，代表根目录，然后书写文件夹名，最后书写文件名。书写文件夹名，最后书写文件名。如果根目录要写盘符，就在盘符后使用如果根目录要写盘符，就在盘符后使用,而不用而不用:与与DOS的写法不同。的写法不同。l如：如：/web/highight/sho

31、uey.htmld/web/highight/shouey.htmll思考：链接本地机器上的文件时，应该使用相对路径还是根路径？思考：链接本地机器上的文件时，应该使用相对路径还是根路径？l在绝大多数情况下使用相对路径比较好，例如，用绝对路径定义了链接，在绝大多数情况下使用相对路径比较好，例如，用绝对路径定义了链接，当把文件夹改名或者移动之后，那么所有的链接都要失败，这样就必须对当把文件夹改名或者移动之后，那么所有的链接都要失败，这样就必须对你的所有你的所有html文件的链接进行重新编排，而一旦将此文夹件移到网络服务文件的链接进行重新编排，而一旦将此文夹件移到网络服务器上时，需要重新改动的地方就

32、更多了，那是一件很麻烦的事情。而使用器上时，需要重新改动的地方就更多了，那是一件很麻烦的事情。而使用相对路径，不仅在本地机器环境下适合，就是上传到网络或其他系统下也相对路径，不仅在本地机器环境下适合，就是上传到网络或其他系统下也不需要进行多少更改就能准确链接。不需要进行多少更改就能准确链接。三、超链接的应用4-3-1书签链接书签链接l链接文档中的特定位置也叫书签链接，在浏览页面时如果页面很链接文档中的特定位置也叫书签链接，在浏览页面时如果页面很长，要不断的拖动滚动条给浏览带来不便，要是浏览者可以从上长，要不断的拖动滚动条给浏览带来不便，要是浏览者可以从上头阅读到尾，又可以选择自己感兴趣的部分阅

33、读，这种效果就可头阅读到尾，又可以选择自己感兴趣的部分阅读，这种效果就可以通过书签链接来实现，方法是选者一个目标定位点，用来创建以通过书签链接来实现，方法是选者一个目标定位点，用来创建一个定位标记，用一个定位标记，用标签的属性标签的属性name的值来确定定位标记名的值来确定定位标记名。然后在网页的任何地方建立对这个目标。然后在网页的任何地方建立对这个目标标记的链接标记的链接标题标题，在标题上建立的链接地址的名字要和定位标，在标题上建立的链接地址的名字要和定位标记名相同，前面还要加上记名相同，前面还要加上#号，号，。单击。单击标题就跳到要访问的内容。标题就跳到要访问的内容。l书签链接可以在同一页

34、面中链接，也可以在不同页面中链接，在书签链接可以在同一页面中链接，也可以在不同页面中链接，在不同页面中链接的前提是需要指定好链接的页面地址和链接的书不同页面中链接的前提是需要指定好链接的页面地址和链接的书签位置签位置。l格式：格式：l在同一页面要使用链接的地址：在同一页面要使用链接的地址：超连链标题名称超连链标题名称l在不同页面要使用链接的地址：在不同页面要使用链接的地址：超链接超链接标题名称标题名称l链接到的目的地址：链接到的目的地址：目标超链接名称目标超链接名称lname的属性值为该目标定位点的定位标记点名称，是给特的属性值为该目标定位点的定位标记点名称，是给特定位置点定位置点(这个位置点

35、也叫锚点这个位置点也叫锚点)起个名称。起个名称。4-3-2在站点内部建立链接l所谓内部链接，指的是在同一个网站内部，不所谓内部链接，指的是在同一个网站内部，不同的同的html页面之间的链接关系，在建立网站内页面之间的链接关系，在建立网站内部链接的时候，要明确哪个是主链接文件（即部链接的时候，要明确哪个是主链接文件（即当前页），哪个是被链接文件。在前面介绍链当前页），哪个是被链接文件。在前面介绍链接路径时，已经给大家介绍了内部链接概念，接路径时，已经给大家介绍了内部链接概念，内部链接一般采用相对路径链接比较好。下面内部链接一般采用相对路径链接比较好。下面我们根据如图示，来看看相对路径的具体的链我

36、们根据如图示，来看看相对路径的具体的链接方法接方法:4-3-3外部链接l所谓外部链接，指的是跳转到当前网站外部，与其它网站中页面所谓外部链接，指的是跳转到当前网站外部，与其它网站中页面或其它元素之间的链接关系。这种链接的或其它元素之间的链接关系。这种链接的URL地址一般要用绝对地址一般要用绝对路径，要有完整的路径，要有完整的URL地址，包括协议名，主机名，文件所在主地址，包括协议名，主机名，文件所在主机上的的位置的路径以及文件名。机上的的位置的路径以及文件名。l最常用的外部链接格式是：最常用的外部链接格式是：,还有其他的格还有其他的格式如下表所示：式如下表所示：4-3-4发送E-maill在在

37、HTML页面中，可以建立页面中，可以建立E-mail链接。当浏览者单击链接后，系链接。当浏览者单击链接后，系统会启动默认的本地邮件服务系统发送邮件。统会启动默认的本地邮件服务系统发送邮件。l基本语法：基本语法：描描述文字述文字l在实际应用中，用户还可以加入另外的两个参数在实际应用中，用户还可以加入另外的两个参数?cc=E-mali地地址址和和&body=?,这分别表示在发送邮件的同时把邮件抄送给第三这分别表示在发送邮件的同时把邮件抄送给第三者和设定邮件主题内容。如果希望同时写下多个参数，则参数之者和设定邮件主题内容。如果希望同时写下多个参数，则参数之间使用间使用&分隔符。分隔符。第五章第五章图

38、像的处理图像的处理一、背景图像的设定l在网页中除了可以用单一的颜色做背景外，还在网页中除了可以用单一的颜色做背景外，还可用图像设置背景。可用图像设置背景。l设置背景图像的格式：设置背景图像的格式：ll其中其中image-url指图像的位置。指图像的位置。二、网页中插入图片标签l网页中插入图片用单标签网页中插入图片用单标签，当浏览器读取到，当浏览器读取到标签时，就会显示此标标签时，就会显示此标签所设定的图像。如果要对插入的图片进行修饰时，仅仅用这一个属性是不够签所设定的图像。如果要对插入的图片进行修饰时，仅仅用这一个属性是不够的，还要配合其它属性来完成。的，还要配合其它属性来完成。的格式及一般属

39、性设定：的格式及一般属性设定：l三、图像的超链接l图像的链接和文字的链接方法是一样的，都是图像的链接和文字的链接方法是一样的，都是用用标签来完成，只要将标签来完成，只要将标签放在标签放在和和只见就可以了。用图像链接的图片只见就可以了。用图像链接的图片的上有蓝色的边框，这个边框颜色也可以在的上有蓝色的边框，这个边框颜色也可以在标签中设定。标签中设定。l如如第六章第六章TABLE表格表格一、定义表格的基本语法l在在html文档中，表格是通过文档中，表格是通过,标签标签来完成的，如下表所示：来完成的，如下表所示：l在一个最基本的表格中，必须包含一组在一个最基本的表格中，必须包含一组标签，一标签，一组

40、标签组标签和一组和一组标签或标签或。二、表格标签的属性表格的边框显示状态frame表格行的设定l表格是按行和列（单元格）组成的，一个表格有几行组成就要有表格是按行和列（单元格）组成的，一个表格有几行组成就要有几个行标签几个行标签，行标签用它的属性值来修饰，属性都是可选的。，行标签用它的属性值来修饰，属性都是可选的。单元格的设定设定跨多行多列单元格l要创建跨多行、多列的单元格，只需在要创建跨多行、多列的单元格，只需在或或中加入中加入ROWSPAN或或COLSPAN属性的属性值，默认属性的属性值，默认值为值为1。表明了表格中要跨越的行或列的个数。表明了表格中要跨越的行或列的个数。l跨多列的语法：跨多列的语法：colspan表示跨越的列数，例如表示跨越的列数，例如colspan=2表示这一格表示这一格的宽度为两个列的宽度。的宽度为两个列的宽度。l跨多行的语法：跨多行的语法：lrowspan所要表示的意义是指跨越的行数，例如所要表示的意义是指跨越的行数，例如rowspan=2就表示这一格跨越表格两个行的高度。就表示这一格跨越表格两个行的高度。