第9部分网络编程技术.ppt
《第9部分网络编程技术.ppt》由会员分享,可在线阅读,更多相关《第9部分网络编程技术.ppt(153页珍藏版)》请在三一文库上搜索。
1、第9章 网络编程技术,91 HTML 基础 92 ASP编程技术 93 JAVA语言的网络程序设计 94 JSP编程技术 95 习题9,91 HTML 基础 911 HTML 语言基础 HTML(Hyper Text Markup Language)超文本标记语言是网页设计的基础,源于标准通用标志语言SGML(Standard Markup Language)。利用HTML语言编写的Web网页,实质上就是纯文本文件,可用任何文本编辑器阅读和编辑。HTML文档通过标记(TAG)和属性对超文本的语义进行描述,这些TAG用于描述网页内容在浏览器中的显示方式,产生所需的各种效果。HTML作为一种标记语
2、言,用来创建与系统平台无关的文档,即任何可以运行浏览器的计算机都能阅读并显示HTML。,HTML有以下用途: 用标题、文本、表格、列表、照片等发布在线信息。 通过超文本链接,在鼠标点击时取得在线信息。 设计表格与远程服务通讯,查询信息、进行预订、订购产品等。 把样式表、视频剪辑、音频剪辑和其它应用程序包含在文档中。 浏览器能够阅读的HTML文本包括如下两种类型的信息: 标记信息:该部分信息用来控制文档内部的显示方式,并允许WEB设计人员指定与其他文档的连接。 内容信息:该部分信息就是浏览器显示的文本、图形和声音信息,简称为文件块。 HTML文档是由标记和文件块组成的。下面简单介绍HTML的使用
3、。,1HTML元素 HTML文件所有的控制语句称为标记(TAG),元素(Element) 由标记和文件块组成。标记全部放在一对尖括号之中,如“”的形式。在HTML中,典型的元素由三部分组成:起始标记、文件块和结束标记。格式为: 受影响的文本 元素的起始标记写作,其中ElementName为此元素的名称。元素结束标记为在元素名称前面加一斜杠,形如。例如: HTML的基本语法 对标记的使用有以下一些约定:,(1)大多数标记都是成对出现的,称为“双标记”,它由“起始标记”和“结束标记”两部分构成,而且必须成对使用。 例如:和为表的行标记,用于定义数据行。和为表的数据标记,用于定义每行内单元格。 也有
4、少部分标记无尾标记,称为“单标记”或“空标记”。它们只需要单独使用就能完整地表达意思,最常见的单标签是表示强迫换行。 (2)标记的字母可以大写,也可以小写,二者作用完全一样。因此说,与效果是一样的。 (3)标记可以联合使用,也可以嵌套。,2HTML元素的属性 HTML元素具有相关属性,可对这些属性赋予适当的值,制作各种效果。一个元素可以具有多个属性,其属性名和属性值都必须出现在该起始标记结束符之前,彼此以空格隔开,各属性的顺序可以是任意的,语法格式为: ,各属性之间无先后次序,属性也可省略(即取默认值)。 应该注意,属性名也是不区分大小写的,同时属性值中只能包含字母、数字、连字符或者句点。 3
5、HTML文件的注释 HTML文件注释的基本格式如下: ,4HTML文件的基本结构 所有的HTML文件的结构都可以划分成两个基本部分:文件头和文件主体它们可由三对标记构成: 头部信息 文档主体,正文部分 ,1)文挡标记 HTML文件以开头,以结尾。格式为: HTML文档内容 处于文档的最前面,表示HTML文档的开始,即浏览器从开始解释,直到遇到为止。 2)文件头标记 HTML文件头标记的格式为: 头部信息 本标记在HTML文件中不是必须的,如果没有,浏览器也会照常解读文件。 文件头部在之后,在开始标记和结束标记间定义。其内容可以是标题,文本文件地址、创作信息等网页信息说明,对应于相应的标记有:标
6、题、基地址、下一个标识 、索引文件 、相关资料 。,标题 (Title):给出文件的总标题,格式如下: 标题 一对标签用于显示Web页面的总标题。通常Web浏览器把总标题显示在一个特殊的区域内。例如Netscape把总标题显示在窗口顶端标题栏内。 基地址 (BASE):该元素用来指定涉及整个HTML文件各部分链接路径的起点。如果需要,必须在文件头部说明。例如:(BASEHREF= http:/ 下一个标识 (NEXTID) 当文本编辑器要给带有特定编号(ID)的页面进行标记时,根据NEXTID元素给出下一个页的ID的值,表示下一个标识,这里的属性“N=”向编辑器表明自己的编号。 索引文件 (I
7、NDEX):说明该文件是用户可以检索的索引文件。它告诉浏览器该文件可以检索。但服务器必须提供检索功能,否则,不起作用。,相关资料元素 (META):该元素用来说明与文本有关的资料信息,包括资料名称 (NAME)和内容说明(CONTENT)两个字段。 大部分头部元素可以省略。 例9.1 :设计网页。标题为:xample;网页显示文字内容为:没有使用head标记,而单独使用title标记仍起作用。 xample ,没有使用 标记仍起作用 例题中用到几个特殊的符号“<;”和“>;”,它们在网页中分别显示“”和“”。因为浏览器解释HTML文件时,是根据“”与“”来识别标记的,然后再确定这两个符
8、号中的内容是否为HTML文件标记。若是,则按其规则解读。所以,要在网页中显示“”和“”,就要使用特殊字符。其他常用的特殊符号见表1所示,表9.1 特殊替换字符,3)文件主体标记 文件主体标记一般不省略,位于头部之后,它是HTML文档的最主要部分,超文本的其他语句几乎都是写在主体部分中。主体元素还可以包含各种参数部分。格式如下: background=文件名text=颜色值link=颜色值vlink=颜色值alink=颜色值 BODY的属性定义为 BACKGROUND、BGCOLOR、TEXT、LINK、VLINK和ALINK,用来设定背景图象、背景颜色、前台文字颜色及超文本连接颜色。 LINK
9、设定未阅读过的超文本连接颜色,缺省值是蓝色。VLINK设定阅读过的超文本连接颜色,缺省值是紫色,ALINK设定动作中的超文本连接颜色,缺省值是紫色。,不设置时取相应属性的默认值。颜色可以用相应英文单词或以“”引导的一个十六进制数代码来表示,见表9.2所示,表9.2 颜色代码表,4)设置标题格式 在页面中,标题是一段文字内容的核心,可以通过设置字体大小不同的标题,为文章增加条理。与用 定义的网页标题不同,标题格式显示在浏览器窗口内,而不是显示在浏览器的标题栏中中。格式为: 标题 属性align用来设置文字的对齐方式:left(左对齐)、center(居中)、right(右对齐)。 属性n用来指定
10、标题文字的大小。N取1到6的整数值,取1时文字最大,缺省时是。在一个标题行中无法使用大小不同的字体。,)强制换行标记 格式为: 文字 浏览器解释时,从该处换行。这是一个单标记。 )设置文字格式 标记。标记可设定文字的字体、字号和颜色。格式为: 被设置的文字 size用来设置文字的大小。数字的取值从,size取1时最小,取7时最大。 face用来设置文字的字体。字体名可以为:宋体、楷体、黑体等汉字字体;也可以为Time New Roman等约,种字体。这里的字体名其实就是在ord的“字体”工具栏中显示的字体名字。 color用来设置文字的颜色,颜色的取值与的取值方法相同。当与标记同时对文字颜色进
11、行定义时,标记优先。 设置字型:字型就是文字的风格,如加粗、斜体、带下划线、上标、下标等。字型的控制标记见表9.3所示。,表 9.3 设置各种字型的标记,例9.2 :在网页上设置文字格式 设置文字格式 今天天气真好 显示红色黑体3号字 正常字显示带下划线显示 7)排 版,排版使用段落的成对标记和,和之间包含的一段文字为一个段落。标记 的参数align表示整个段落的对齐方式, 与标题标记的align格式相同,align的可选参数有left、center和right,分别为左、中和右对齐。中间对齐也可用成对标记完成。 例如: HTML语句 页面效果 左对齐的段落 左对齐的段落 右对齐右对齐的段落
12、右对齐的段落 中间对齐的段落 中间对齐的段落 中间对齐的段落 2 中间对齐的段落2,行缩进引用标记 来表示缩进。一对标记中的文字将向右缩进一段。 例如: HTML语句 页面效果 第一层 第一层 第二层 第二层 第三层 第三层 第二层 第二层 第一层 第一层 下面是一个最简单的Homepage源文件,页面效果参见图9.1:,例9.3 简单的主页实例 欢迎光临HTML世界。 html简单示例 其乐无穷! 欢迎学习使用HTML编制编制出自己的主页。 祝你成功! ,图9.1 HTML主页,5 加入超链接 通过前面的介绍就可以创建简单的HTML文档,但当文本较复杂时常常需将一份文档与另一份文档连接起来。
13、HTML的主要特性之一就是链接。要在Web页面中加入超链接,可按以下进行: (1)开始标记; (2)要链接的目标文档名; (3)要链接的文本(超文本) (4)结束标记。 要创建完整的链接标记,必须在开始标记中设置超文本引用(HREF)属性。HREF描 述了点击该链结后文档跳转的目的地。例如要创建一个指向文档间的链接,可以使用以下链接,微软公司 要创建超链接,必须指明链接目标文件的存储位置,如果目标文档与当前文档存储在同一计算机内,可以使用绝对(完全的)地址路径或相对地址路径指明该文件的位置。如果使用绝对地址,必须在超链接标记内写明目标文档的完整路径,绝对寻址方式的主要问题是移动文件困难,因为每
14、次移动文档的存储位置后,都必须修正每一条绝对路径;而使用相对寻址可以简化移动文件的过程。使用相对寻址方式,需要指明该文档相对与其他文档的位置。表9.4列出了相对寻址和绝对寻址的不同点。,表9.4 相对寻址和绝对寻址的不同点 路径名 寻址方式和绝对寻址的不同点 index.html 相对寻址。该超连接目标文件与源 HTML文件在同一目录下 temp/index.html 相对寻址。该超连接目标文件放在当前目录的temp子目录下 ?index.html 相对寻址。该超连接目标文件放在当前目录的上一级目录中c:tempindex.html 绝对寻址。该超连接目标文件放在c盘驱动器的temp目录下,在
15、大多数情况下,应该使用相对寻址。相对寻址很容易把全部文件从一个目录拷贝到另一个目录,从一个驱动器拷贝到另一个驱动器,或从一个平台拷贝到另一个平台。 HTML允许定义文档内部的链接, 例如 Anchor1 说 明 了 在“ Anchor 1” 前有一个跳转点。 用 Goto Anchor1 则可跳转至 Anchor1处。 6图象及动画的嵌入 1)图象的嵌入 图象嵌入的标记为,其属性为Src,Alt,Align,Width,Height,Border, HSpace和VSpace。 Src指定嵌入图象的图象文件名。例如 src=images/Red_flag.gif Alt指定图象文件尚未装入时,
16、代替图象显示的文字。,例如 该语句表示将在图象尚未装入时显示一个箭头。 Width和Height分别指定图象的宽和高。 Border指定图象边框的宽度。 HSpace和VSpace分别指定图象外水平和竖直留空的宽度。 2) 动画的嵌入 浏览器支持GIF 格式的动画文件。只需生成这种动画文件,和图象文件完全一样, 嵌入HTML即可。可以用Gif Constructor工具来生成这种动画文件。 7.列表 列表适合于罗列有关信息内容。列表项可以是段落、有格式文本或超媒体连接。列表可以嵌套,显示时按层次缩进。列表可分为三种:枚举式、编号式、定义式。,1)枚举式列表 枚举式列表使用成对标记UL和一个以上
17、的LI语句来定义。列表项目以数字、字母顺序排列。每个LI标示一项列表项。可以用TYPE属性定义UL和LI元素的风格。显示时,每个LI定义的项目前均有3个黑圆点作前导记号 。 例 : UL LI.first list item LI.second list item . /UL 2)编号式列表 编号式列表使用成对标记 OL和一个以上的 LI语句来定义。显示时每个LI定义的项目前均自动加有序列编号。例如: OL LI.first list item,LI.second list item . /OL 3)定义式列表 定义式列表使用成对标记DL来定义,该列表分为两层。使用标记和DD来定义层次。标记标
18、示被定义的目的标题;DD标记标示定义内容。显示时每个DT定义的列表项的下面,产生一段由DD定义的说明文字。例如: DL DTterm name DDterm definition . /DL 8. 表格,1)表格的属性 表格是由成对标记来标识的。它的属性有对齐方式 align、表格宽度 width、表格边界宽度border、表格中元素分隔线宽度cellspacing和元素与分隔线之间的距离cellpadding。属性align的参数为left、right和center;属性width 的参数为 n和n%、属性border、cellspacing和cellpadding的参数均为n。 表格宽度w
19、idth是指该表格的宽度,若是数字n则表示表格绝对宽度为n个象素;而若是百分数n%,指表格的宽度为其所在窗口宽度的百分之n,例如:百分之50。表格边界宽度border指表格的外部边界的宽度。,2)建立表格 建立表格的标记为成对标记、 和。 标记 说明表格的一行; 说明表格的列标题;说明表格的元素。其实列标题也是表格的元素,只是以标题字体显示 而已。 表格行的属性有align和valign。属性valign说明了表格行的元素的垂直对齐情况。属性valign的参数有top、bottom、middle和baseline。这里top、bottom和middle分别指的是元素顶对齐、底对齐、中间对齐,而
20、baseline指各元素按其第一行字的底线对齐。 9可点图 1)可点图类型,可点图类型有两种,服务器端图和客户端图。服务器端图在作为链接的图象成对标记 中加入参数 ISMap 即可。例如 建好图区域并命名后, 还需在图象标记 中引用参数usemap=#client。 例如 。 2)建立图区域的工具 在建立图区域时,特别是图象较复杂时,大量的坐标容易出错。可使用网页制作工具来建立图区域。例如FrontPage等。,10表单(FORM) (1)表单的基本属性 表单使用成对标记和来定义,属性包括ACTION、 METHOD、 ENCTYPE。动作属性action为递送信息的表单指定的URL地址, 例
21、如: 方式属性METHOD指明填表信息传输的方式,如何将表单提交给服务器,有两种标准方式可选:GET(获得)和 POST(邮递),默认方式为GET。GET将输入的信息转至ACTION所指定的URL位置作进一步处理,将表单中的参数信息合成在URL中,问号开头,使用“&”号分割参数。 例如,一个表单有一个http:/ Name的字段,在该字段中输入的文件名为Wenjian,则该表单将链接到 http:/ Name=Wenjian的位置上。在服务器端的mm.asp程序将截取问号之后的文本作为作为表单内容处理。 POST可将无限的信息发往 ACTION所指定的文件储存。其将传递的参数信息放置在http
22、协议的request部分,在地址栏看不到表单的信息。两种方法各有优缺点。 表单FORM的常用控件有输入(INPUT)、列表框(SELECT)和文本框(TEXTAREA) 2)输入控件 输入标记INPUT包含很多类型:参见图9.2,图9.2 标记INPUT的输入类型,每个标记均包含两个属性TYPE和NAME,属性type定义了输入的类型,例如:TYPE=text/password/checkbox/radio/submit/reset/button/image/hidden;属性NAME定义了该输入的名称,以便于接收信息的程序分辨各个参数,以及用于Javascript的引用;大多数包含VALUE
23、属性。 文本输入:valuea string说明了文本的初值。maxlength = n 说明了文本的最大长度。size =n说明文本条的长度为n个字符。如果输入的文本长度大于文本条的长度,则文本自动滚动。 密码输入:同文本输入,但输入的文字皆显示为“*”。 多选框:参数value=a string指明该多选框在提交时的值。参数checked说明该多选框初始为选择态:,多选框提交时若被选择,则以name=value(value缺省为on,即缺省为name=on)的方式提交,否则被忽略,不提交。 单选框:基本同多选框。但是单选框需要分组,name相同的分为一组,提交时以name=value(选中
24、单选框的value)的方式提交。 提交按钮:value = a string说 明 按 钮 的 标 题。一个表单中可有若干个提交按钮。当某一个按下后,该填表中的信息将提交给Form中Action参数指定的文件(程序),若 它有name 参数,它将参与提交:name = value;否则,被忽略。 复位按钮:value =a string说明按钮的标题。复位按钮不参与提交。 按 钮:value =a string说明了按钮的标题。,隐藏项:参数为name和value。不在屏幕上显示出来,通常与 Javascript或动态生成 HTML有关。可以利用Javascript修改它的value;动态生成
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 部分 网络 编程 技术
链接地址:https://www.31doc.com/p-3138154.html