网络编程技术.ppt
《网络编程技术.ppt》由会员分享,可在线阅读,更多相关《网络编程技术.ppt(153页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、单击此处编辑母版标题样式单击此处编辑母版标题样式单击此处编辑母版副标题样式单击此处编辑母版副标题样式网络编程技术 Still waters run deep.流静水深流静水深,人静心深人静心深 Where there is life,there is hope。有生命必有希望。有生命必有希望9 91 HTML 1 HTML 基础基础9 91 11 HTML 1 HTML 语言基础语言基础HTML(HyperTextMarkupLanguage)超超文文本本标标记记语语言言是是网网页页设设计计的的基基础础,源源于于标标准准通通用用标标志志语语言言SGML(StandardMarkupLangua
2、ge)。利利用用HTML语语言言编编写写的的Web网网页页,实实质质上上就就是是纯纯文文本本文文件件,可可用用任任何何文文本本编编辑辑器器阅阅读读和和编编辑辑。HTML文文档档通通过过标标记记(TAG)和和属属性性对对超超文文本本的的语语义义进进行行描描述述,这这些些TAG用用于于描描述述网网页页内内容容在在浏浏览览器器中中的的显显示示方方式式,产产生生所所需需的的各各种种效效果果。HTML作作为为一一种种标标记记语语言言,用用来来创创建建与与系系统统平平台台无无关关的的文文档档,即即任任何何可可以以运运行行浏浏览览器器的的计计算算机都能阅读并显示机都能阅读并显示HTML。HTML有以下用途:
3、有以下用途:用标题、文本、表格、列表、照片等发布在线信息。用标题、文本、表格、列表、照片等发布在线信息。通过超文本链接,在鼠标点击时取得在线信息。通过超文本链接,在鼠标点击时取得在线信息。设计表格与远程服务通讯,查询信息、进行预订、订购产品设计表格与远程服务通讯,查询信息、进行预订、订购产品等。等。把样式表、视频剪辑、音频剪辑和其它应用程序包含在文档把样式表、视频剪辑、音频剪辑和其它应用程序包含在文档中。中。浏览器能够阅读的浏览器能够阅读的HTML文本包括如下两种类型的信息:文本包括如下两种类型的信息:标记信息:该部分信息用来控制文档内部的显示方式,并允标记信息:该部分信息用来控制文档内部的显
4、示方式,并允许许WEB设计人员指定与其他文档的连接。设计人员指定与其他文档的连接。内容信息:该部分信息就是浏览器显示的文本、图形和声音内容信息:该部分信息就是浏览器显示的文本、图形和声音信息,简称为文件块。信息,简称为文件块。HTML文档是由标记和文件块组成的。下面简单介绍文档是由标记和文件块组成的。下面简单介绍HTML的使用。的使用。1HTML元素元素HTML文件所有的控制语句称为标记文件所有的控制语句称为标记(TAG),元素,元素(Element)由标记和文件块组成。标记全部放在一由标记和文件块组成。标记全部放在一对尖括号之中,如对尖括号之中,如“”的形式。在的形式。在HTML中,中,典型
5、的元素由三部分组成:起始标记、文件块和结典型的元素由三部分组成:起始标记、文件块和结束标记。格式为:束标记。格式为:受影响的文本受影响的文本元素的起始标记写作元素的起始标记写作,其中,其中ElementName为此元素的名称。元素结束标记为在为此元素的名称。元素结束标记为在元素名称前面加一斜杠,形如元素名称前面加一斜杠,形如。例如:例如:HTML的基本语法的基本语法对标记的使用有以下一些约定:对标记的使用有以下一些约定:(1)大多数标记都是成对出现的,称为)大多数标记都是成对出现的,称为“双标记双标记”,它由,它由“起始标记起始标记”和和“结束标记结束标记”两部分构成,两部分构成,而且必须成对
6、使用。而且必须成对使用。例如:例如:和和为表的行标记,用于定义为表的行标记,用于定义数据行。数据行。和和为表的数据标记,用于定为表的数据标记,用于定义每行内单元格。义每行内单元格。也有少部分标记无尾标记,称为也有少部分标记无尾标记,称为“单标记单标记”或或“空空标记标记”。它们只需要单独使用就能完整地表达意思,。它们只需要单独使用就能完整地表达意思,最常见的单标签是最常见的单标签是表示强迫换行。表示强迫换行。(2)标记的字母可以大写,也可以小写,二者作)标记的字母可以大写,也可以小写,二者作用完全一样。因此说,用完全一样。因此说,与与效果是一效果是一样的。样的。(3)标记可以联合使用,也可以嵌
7、套。)标记可以联合使用,也可以嵌套。2HTML元素的属性元素的属性HTML元素具有相关属性,可对这些属性赋予适元素具有相关属性,可对这些属性赋予适当的值,制作各种效果。一个元素可以具有多个属当的值,制作各种效果。一个元素可以具有多个属性,其属性名和属性值都必须出现在该起始标记结性,其属性名和属性值都必须出现在该起始标记结束符之前,彼此以空格隔开,各属性的顺序可以是束符之前,彼此以空格隔开,各属性的顺序可以是任意的,语法格式为:任意的,语法格式为:/标记标记属性值使用英文双引号或单引号括起来。当使用双属性值使用英文双引号或单引号括起来。当使用双引号时,属性值内可使用单引号,反之亦然。某些引号时,
8、属性值内可使用单引号,反之亦然。某些情况下,情况下,HTML中也可以不使用引号指明属性值。中也可以不使用引号指明属性值。例如,下面的代码将例如,下面的代码将H1元素的元素的align属性设为属性设为center各属性之间无先后次序,属性也可省略各属性之间无先后次序,属性也可省略(即取默认即取默认值值)。应该注意,属性名也是不区分大小写的,同时属性应该注意,属性名也是不区分大小写的,同时属性值中只能包含字母、数字、连字符或者句点。值中只能包含字母、数字、连字符或者句点。3HTML文件的注释文件的注释HTML文件注释的基本格式如下:文件注释的基本格式如下:4HTML文件的基本结构文件的基本结构所有
9、的所有的HTML文件的结构都可以划分成两个基本部文件的结构都可以划分成两个基本部分:文件头分:文件头和文件主体和文件主体它们可由它们可由三对标记构成:三对标记构成:头部信息头部信息文档主体,正文部分文档主体,正文部分1)文挡标记)文挡标记HTML文件以文件以开头,以开头,以结尾。格式为:结尾。格式为:HTML文档内容文档内容处于文档的最前面,表示处于文档的最前面,表示HTML文档的开始,即文档的开始,即浏览器从浏览器从开始解释,直到遇到开始解释,直到遇到为止。为止。2)文件头标记)文件头标记HTML文件头标记的格式为:文件头标记的格式为:头部信息头部信息本标记在本标记在HTML文件中不是必须的
10、,如果没有,浏览器也文件中不是必须的,如果没有,浏览器也会照常解读文件。会照常解读文件。文件头部在文件头部在之后,在开始标记之后,在开始标记和结束标和结束标记记间定义。其内容可以是标题,文本文件地址、间定义。其内容可以是标题,文本文件地址、创作信息等网页信息说明,对应于相应的标记有:标题创作信息等网页信息说明,对应于相应的标记有:标题、基地址、基地址、下一个标识、下一个标识、索、索引文件引文件、相关资料、相关资料。标题标题(Title):给出文件的总标题,格式如下:给出文件的总标题,格式如下:标题标题一对一对标签用于显示标签用于显示Web页面的总标题。通常页面的总标题。通常Web浏览器把总标题
11、显示在一个特殊的区域内。例如浏览器把总标题显示在一个特殊的区域内。例如Netscape把总标题显示在窗口顶端标题栏内。把总标题显示在窗口顶端标题栏内。基地址基地址(BASE):该元素用来指定涉及整个:该元素用来指定涉及整个HTML文件各文件各部分链接路径的起点。如果需要,必须在文件头部说明。部分链接路径的起点。如果需要,必须在文件头部说明。例如:例如:(BASEHREF=http:/ 所替代的字符说明&特殊字符的开始;特殊组符的结束Lt大于号Quot双引号3)文件主体标记)文件主体标记文件主体标记一般不省略,位于头部之后,它是文件主体标记一般不省略,位于头部之后,它是HTML文文档的最主要部分
12、,超文本的其他语句几乎都是写在主体部档的最主要部分,超文本的其他语句几乎都是写在主体部分中。主体元素还可以包含各种参数部分。格式如下:分中。主体元素还可以包含各种参数部分。格式如下:background=文件名文件名text=颜色值颜色值link=颜色值颜色值vlink=颜色值颜色值alink=颜色值颜色值BODY的属性定义为的属性定义为BACKGROUND、BGCOLOR、TEXT、LINK、VLINK和和ALINK,用来设定背景图象、背,用来设定背景图象、背景颜色、前台文字颜色及超文本连接颜色。景颜色、前台文字颜色及超文本连接颜色。LINK设定未阅设定未阅读过的超文本连接颜色读过的超文本连
13、接颜色,缺省值是蓝色。缺省值是蓝色。VLINK设定阅读过设定阅读过的超文本连接颜色的超文本连接颜色,缺省值是紫色缺省值是紫色,ALINK设定动作中的超文设定动作中的超文本连接颜色本连接颜色,缺省值是紫色。缺省值是紫色。不设置时取相应属性的默认值。颜色可以用相应英不设置时取相应属性的默认值。颜色可以用相应英文单词或以文单词或以“”引导的一个十六进制数代码来表引导的一个十六进制数代码来表示,见表示,见表9.2所示所示表9.2颜色代码表颜色名颜色英文名十六进制代码颜色名颜色英文名十六进制代码黑色Black#000000粉红色Pink#FFC0CB蓝色Blue#0000FF红色Red#FF0000棕色
14、Brown#A52A2A白色White#FFFFFF青色Cyan#00FFFF黄绿色Yellow#FFFF00灰色Gray#808080深红色Crimson#CD061F绿色Green#008000黄绿色Greenyellow#0B6FFF乳白色Ivory#FFFFF0水蓝色Dodgerblue#0B6EFF桔黄色Orange#FFA500淡紫色Lavender#DBDBF84)设置标题格式设置标题格式在页面中,标题是一段文字内容的核心,可以通过在页面中,标题是一段文字内容的核心,可以通过设置字体大小不同的标题,为文章增加条理。与用设置字体大小不同的标题,为文章增加条理。与用定义的网页标题不同
15、,定义的网页标题不同,标题格式显示在浏览器窗口内,而不是显示在浏览标题格式显示在浏览器窗口内,而不是显示在浏览器的标题栏中中。格式为:器的标题栏中中。格式为:标题标题属性属性align用来设置文字的对齐方式:用来设置文字的对齐方式:left(左对齐)(左对齐)、center(居中)、(居中)、right(右对齐)。(右对齐)。属性属性n用来指定标题文字的大小。用来指定标题文字的大小。N取取1到到6的整数的整数值,取值,取1时文字最大,缺省时是时文字最大,缺省时是。在一个标题。在一个标题行中无法使用大小不同的字体。行中无法使用大小不同的字体。)强制换行标记)强制换行标记格式为:文字格式为:文字浏
16、览器解释时,从该处换行。这是一个单标记。浏览器解释时,从该处换行。这是一个单标记。)设置文字格式)设置文字格式标记标记。标记可设定文字的字体、标记可设定文字的字体、字号和颜色。格式为:字号和颜色。格式为:被设置被设置的文字的文字size用来设置文字的大小。数字的取值从用来设置文字的大小。数字的取值从,size取取1时最小,取时最小,取7时最大。时最大。face用来设置文字的字体。字体名可以为:宋用来设置文字的字体。字体名可以为:宋体、楷体、黑体等汉字字体;也可以为体、楷体、黑体等汉字字体;也可以为TimeNewRoman等约等约种字体。这里的字体名其实就是在种字体。这里的字体名其实就是在ord
17、的的“字体字体”工具栏中显示的字体名字。工具栏中显示的字体名字。color用来设置文字的颜色,颜色的取值与用来设置文字的颜色,颜色的取值与的取值方法相同。当的取值方法相同。当与与标记同时对文字颜色进行定义时,标记同时对文字颜色进行定义时,标标记优先。记优先。设置字型:字型就是文字的风格,如加粗、斜体、设置字型:字型就是文字的风格,如加粗、斜体、带下划线、上标、下标等。字型的控制标记见表带下划线、上标、下标等。字型的控制标记见表9.3所示。所示。标记格式字体结果标记格式字体结果文字黑体文字斜体文字带下划线文字标准打印机字体文字带删除线文字 下标文字上标文字大字体文本文字小字体文本表表9.3设置各
18、种字型的标记设置各种字型的标记例例9.2:在网页上设置文字格式:在网页上设置文字格式设置文字格式设置文字格式今天天气真好今天天气真好显示红色黑体显示红色黑体3号字号字正常字显示正常字显示带下划线显示带下划线显示7)排)排版版排版使用段落的成对标记排版使用段落的成对标记和和,和和之间包含之间包含的一段文字为一个段落。标记的一段文字为一个段落。标记的参数的参数align表示整个段表示整个段落的对齐方式,落的对齐方式,与标题标记与标题标记的的align格式相同,格式相同,align的的可选参数有可选参数有left、center和和right,分别为左、中和右对齐。,分别为左、中和右对齐。中间对齐也可
19、用成对标记中间对齐也可用成对标记完成。完成。例如:例如:HTML语句语句页面效果页面效果左对齐的段落左对齐的段落左对齐的段落左对齐的段落右对齐右对齐右对齐的段落右对齐的段落右对齐的右对齐的段落段落中间对齐的段落中间对齐的段落中间对齐的段落中间对齐的段落中间对齐的段落中间对齐的段落2中间对齐的段落中间对齐的段落2行缩进引用标记行缩进引用标记来表示缩进。一对来表示缩进。一对标记中的文字将向右缩进一段。标记中的文字将向右缩进一段。例如:例如:HTML语句语句页面效果页面效果第一层第一层第一层第一层第二层第二层第二层第二层第三层第三层第三层第三层第二层第二层第二层第二层第一层第一层第一层第一层下面是一
20、个最简单的下面是一个最简单的Homepage源文件,页面效果源文件,页面效果参见图参见图9.1:例例9.3简单的主页实例简单的主页实例欢迎光临欢迎光临HTML世界。世界。html简单示例简单示例其乐无穷其乐无穷!欢迎学习使用欢迎学习使用HTML编制编制出自己的主页。编制编制出自己的主页。祝你成功!祝你成功!图图9.1HTML主页主页5加入超链接加入超链接通过前面的介绍就可以创建简单的通过前面的介绍就可以创建简单的HTML文档,文档,但当文本较复杂时常常需将一份文档与另一份文档但当文本较复杂时常常需将一份文档与另一份文档连接起来。连接起来。HTML的主要特性之一就是链接。要在的主要特性之一就是链
21、接。要在Web页面中加入超链接,可按以下进行:页面中加入超链接,可按以下进行:(1)开始标记开始标记;(2)要链接的目标文档名;要链接的目标文档名;(3)要链接的文本(超文本)要链接的文本(超文本)(4)结束标记结束标记。要创建完整的链接标记,必须在开始标记要创建完整的链接标记,必须在开始标记中设中设置超文本引用置超文本引用(HREF)属性。属性。HREF描描述了点击该述了点击该链结后文档跳转的目的地。例如要创建一个指向文链结后文档跳转的目的地。例如要创建一个指向文档间的链接,可以使用以下链接档间的链接,可以使用以下链接微软公微软公司司要创建超链接,必须指明链接目标文件的存储位置,要创建超链接
22、,必须指明链接目标文件的存储位置,如果目标文档与当前文档存储在同一计算机内,可如果目标文档与当前文档存储在同一计算机内,可以使用绝对(完全的)地址路径或相对地址路径指以使用绝对(完全的)地址路径或相对地址路径指明该文件的位置。如果使用绝对地址,必须在超链明该文件的位置。如果使用绝对地址,必须在超链接标记内写明目标文档的完整路径,绝对寻址方式接标记内写明目标文档的完整路径,绝对寻址方式的主要问题是移动文件困难,因为每次移动文档的的主要问题是移动文件困难,因为每次移动文档的存储位置后,都必须修正每一条绝对路径;而使用存储位置后,都必须修正每一条绝对路径;而使用相对寻址可以简化移动文件的过程。使用相
23、对寻址相对寻址可以简化移动文件的过程。使用相对寻址方式,需要指明该文档相对与其他文档的位置。表方式,需要指明该文档相对与其他文档的位置。表9.4列出了相对寻址和绝对寻址的不同点。列出了相对寻址和绝对寻址的不同点。表9.4相对寻址和绝对寻址的不同点路径名寻址方式和绝对寻址的不同点index.html相对寻址。该超连接目标文件与源HTML文件在同一目录下temp/index.html相对寻址。该超连接目标文件放在当前目录的temp子目录下?index.html相对寻址。该超连接目标文件放在当前目录的上一级目录中c:tempindex.html绝对寻址。该超连接目标文件放在c盘驱动器的temp目录下
24、在大多数情况下,应该使用相对寻址。相对寻址很容易把在大多数情况下,应该使用相对寻址。相对寻址很容易把全部文件从一个目录拷贝到另一个目录,从一个驱动器拷全部文件从一个目录拷贝到另一个目录,从一个驱动器拷贝到另一个驱动器,或从一个平台拷贝到另一个平台。贝到另一个驱动器,或从一个平台拷贝到另一个平台。HTML允许定义文档内部的链接,允许定义文档内部的链接,例如例如Anchor1说说明明了了在在“Anchor1”前有一个跳转点。前有一个跳转点。用用GotoAnchor1则可跳转至则可跳转至Anchor1处。处。6图象及动画的嵌入图象及动画的嵌入1)图象的嵌入)图象的嵌入图象嵌入的标记为图象嵌入的标记为
25、,其属性为其属性为Src,Alt,Align,Width,Height,Border,HSpace和和VSpace。Src指定嵌入图象的图象文件名。例如指定嵌入图象的图象文件名。例如src=images/Red_flag.gifAlt指定图象文件尚未装入时,代替图象显示的文字。指定图象文件尚未装入时,代替图象显示的文字。例如例如该该语句表示将在图象尚未装入时显示一个箭头。语句表示将在图象尚未装入时显示一个箭头。Width和和Height分别指定图象的宽和高。分别指定图象的宽和高。Border指定图象边框的宽度。指定图象边框的宽度。HSpace和和VSpace分别指定图象外水平和竖直留空的宽度。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网络 编程 技术
限制150内