大学WEB数据库技术应用教程-王承君-PPT文稿资料课件PPT
收藏
资源目录
压缩包内文档预览：(预览前20页/共21页)
编号：21836379
类型：共享资源
大小：15.89MB
格式：ZIP
上传时间：2019-09-06
上传人：QQ24****1780
认证信息
个人认证
王**（实名认证）
浙江
IP属地：浙江
25
积分
- 关 键 词：
-
大学
web
数据库技术
应用
利用
运用
教程
王承君
ppt
文稿
资料
课件
- 资源描述：
-
大学WEB数据库技术应用教程-王承君-PPT文稿资料课件PPT,大学,web,数据库技术,应用,利用,运用,教程,王承君,ppt,文稿,资料,课件
- 内容简介：
-
第3章 HTML语言学习目标 了解HTML语言的特点认识HTML语言的语言环境深入理解HTML语言的编写规范熟练驾驭常用的HTML语言标记 第3章 HTML语言 教学内容 3.1 文档结构3.2 页面文本修饰3.3 图像和多媒体3.4 列表3.5 超级链接3.6 表格标记3.7 窗口框架3.8 表单3.9 其它网页修饰3.10 样式表（CSS）技术本章小结 返回总目录3.1 文档结构返回目录html文件是标准的ASCII文件从结构上讲，html文件由元素（element）组成绝大多数元素是容器，即它有起始标记和结尾标记。元素的起始标记叫做起始链接签（start tag），元素结束标记叫做结尾链接签（end tag），在起始链接签和结尾链接签中间的部分是元素体。每一个元素都有名称和可供选择的属性3.1 文档结构体元素（body）demoThis is my first html file. : 起始链接签的开始。body 元素名称，由于元素和链接签一一对应，所以元素名也叫链接名，需要注意的是 结尾链接链的结束。 返回目录3.1 文档结构 html文件的结构（html文件应具有下面的结构： html文件开始 文件头开始文件头 文件头结束 文件体开始文件体 文件体结束 html文件结束返回目录3.1 文档结构 html的元素表示方法：（1）文件或超文本（2）文本或超文本（3）:第三种写法仅用于一些特殊的元素，比如分段元素P，它仅仅通知www浏览器在此处分段，因而不需要界定作用范围，所以它没有结尾链接签，htlm3.0标准中，也定义了链接签，它用于需要界定作用范围的段落，比如增加对齐方式属性的段落。html文件中，有些元素只能出现在头元素中，在头元素中的元素表示的是该html文件的一般信息，比如文件名称，是否可检索等等。这些元素书写的次序是无关紧要的，它只表明该html文件有还是没有该属性。绝大多数元素只能出现在体元素中。出现在体元素中的元素是次序敏感的，改变元素在html文件中的次序会改变该html文件的输出形式。返回目录3.1.1 题目（TITLE） Title元素是文件头中唯一一个必须出现的元素，它也只能出现在文件头中。title元素的格式为：文件题目title标明该html文件的题目，是对文件内容的概括。以窗口的名称显示出来。title的长度没有限制，一般情况下它的长度不应超过64个字符。例子如下：A sample of HTML5.0下面是一个最简单的html 文件 the simple html fileThis is a sample!返回目录3.1.1 题目（TITLE）运行效果图3-1 简单的标题例子 返回目录 3.1.2 标题（hn）元素h1：黑体，特大字体，居中，上下各有两行空行。h2：黑体，大字体，上下各有一到两行空行。h3：黑体（斜体），大字体，左端微缩进，上下空行。h4：黑体，普通字体，比h3更多缩进，上边空一行。h5：黑体（斜体），与h4相同缩进，上边空一行。h6：黑体，与正文有相同缩进，上边空一行。hn可以有对齐属性，align#。其中#表示位置：left：标题居左center：标题居中right：标题居右。返回目录 3.1.2 标题（hn）例子例子及其输出：the simplest html fileChapter 2 I like HTML! I like HTML! I like HTML!I like HTML! I like HTML! I like HTML! 返回目录 3.1.2 标题（hn）显示效果图3-2 标题元素例子 返回目录 3.2 页面文本修饰物理风格物理风格直接指定字体，物理风格的字体有如下几种： 黑体 斜体 下划线 打字机体 字符上加横线返回目录 3.2 面文本修饰物理风格例子及显示I like HTML!I like HTML!I like HTML!I like HTML!I like HTML!显示如下：I like HTML! I like HTML! I like HTML! I like HTML!I like HTML!返回目录 3.2 页面文本修饰逻辑风格逻辑风格指定文本的作用。逻辑风格的字体有如下几种： 强调 特别强调 源代码 例子 键盘输入 变量 定义 引用 较小 较大 上标 下标返回目录 3.2 页面文本修饰逻辑风格的例子及输出今天天气真好！ 今天天气真好！ 今天天气真好！ 今天天气真好！ 今天天气真好！ 今天天气真好！ 今天天气真好！ 今天天气真好！ 今天天气真好！下标 今天天气真好！上标 输出如下：今天天气真好！ 今天天气真好！ 今天天气真好！ 今天天气真好！ 今天天气真好！ 今天天气真好！ 今天天气真好！ 今天天气真好！ 今天天气真好！下标 返回目录3.2 页面文本修饰字号html有七种字号：1号最小，7号最大。缺省字号为3，可以用设置缺省字号。设置文本的字号有两种办法，一种是设置绝对字号，；另一种是设置文本的相对字号；。用第二种方法时“”号表示字体变大，“”号表示字体变小。返回目录 3.2 页面文本修饰字体颜色HTML还提供了字体颜色的设定方法。字体的颜色用指定，#可以是6位16进制数，分别指定红、绿、兰的值，也可以是：lack,olive,teal,red,blue,maroon,navy,gray,lime,white,green,purple,sliver,yellow,aqua之一。返回目录3.2.2 显示控制 （1）预排版文本html的输出是基于窗口的，因而html文件在输出时都是要重新排版的可以用通知浏览器。浏览器在输出时，对这部分内容几乎不做修改地输出。解决了浏览器不识别文本本身的回车换行符的问题，避免了文本中本来应断开的地方在浏览器中看到的却是紧挨在一起的一堆文字。 返回目录3.2.2 显示控制 例子1玫瑰花：10元/只百合花：15元/只 康乃馨：10元/只富贵竹：15元/只以上各种花卉多买优惠，100只以上按批发价出售，欢迎广大客户前来洽谈。其输出如下：玫瑰花：10元/只百合花：15元/只 康乃馨：10元/只富贵竹：15元/只以上各种花卉多买优惠，100只以上按批发价出售，欢迎广大客户前来洽谈。返回目录3.2.2 显示控制 例子2如果不使用，将以上程序改为：玫瑰花：10元/只百合花：15元/只 康乃馨：10元/只富贵竹：15元/只以上各种花卉多买优惠，100只以上按批发价出售，欢迎广大客户前来洽谈。则其显示一堆挤在一起的文字如下：玫瑰花：10元/只百合花：15元/只康乃馨：10元/只富贵竹：15元/只以上各种花卉多买优惠，100只以上按批发价出售，欢迎广大客户前来洽谈。返回目录3.2.2 显示控制 块引用（2）块引用块引用表示其中的内容是引用。浏览器对块引用的解释一般为左右缩进，上下各有一空行，有些浏览器还采用斜体字。请看下面的例子： 玫瑰花：10元/只其显示效果如下：我们可以看出显示的内容有左右缩进 玫瑰花：10元/只返回目录3.2.2 显示控制 居中（3）居中链接签。（4）分段 #可以是left,center,right,This is a centered paragraph表示段内内容居中显示。 返回目录3.2.3 文本滚动 基本语法：文本 （1）文字移动方向的设置通过#=left,right来设置文字移动的方向，其中left表示文字从右向左移；right表示文字从左向右移。（2）文字移动属性的设置语法格式如下：#=scroll,slide,alternate，bihavior=scroll设定文字一圈一圈绕着走；bihavior=slide设定文字只走一次就停止；bihavior=alternate设定文字来回走动。 返回目录3.2.3 文本滚动 （3）走动的次数的设置语法格式如下：循环#=次数；若未指定次数，则循环不止（infinite）。（4）移动的速度设置语法格式：（5）延时设置延时设置是将文字设置为走走停停的方式，即走一步，停一段时间。语法格式：返回目录3.2.3 文本滚动 （6）外观（Layout）设置对齐方式（Align）的设置语法：#=top,middle,bottom分别表示对齐窗口的上沿、中间、下沿。（7）底色设置语法格式：其中#=rrggbb可以用16 进制数码表示红、绿、蓝颜色，也可以是下列预定义色彩：Black,Olive,Teal,Red,Blue,Maroon,Navy,Gray,Lime,Fuchsia,White,Green,Purple,Silver,Yellow,Aqua。 返回目录3.2.3 文本滚动 （8）移动背景面积设置语法格式：#：可以表示像素，也可以表示窗口的百分比。（9）空白（Margins）设置语法格式：#可以表示像素。返回目录3.2.4 其它文本修饰 （1）闪烁语法格式：文本该设置文本闪烁，闪烁频率为秒钟一次。（2）分行和禁止分行表示在此处分行，通知浏览器，其中的内容在一行内显示，若一行内显示不了，则超出部分被裁剪掉。clear属性标明下一行的情况，如clear=left，表示下一行从左边界处开始。#可以是left，right，all之一。（3）背景和文本颜色窗口背景可以用下列方法指定：前者指定填充背景的图像，如果图像的大小小于窗口大小，则把背景图像重复，直到填满窗口区域。后者指定的是16进制的红、绿、兰分量。bgcolor背景颜色；Text文本颜色；Link 链接指针颜色；alinik 活动的链接指针颜色；vlinik 已访问过的链接指针颜色。返回目录3.2.4 其它文本修饰 （4）转义字符将与特殊字符html中和&有特殊含义，（前两个字符用于链接签，&用于转义），不能直接使用。使用这三个字符时，应使用它们的转义序列。& 的转义序列为 &s;或& 的转义序列为≪或 的转义序列为或前者为字符转义序列，后者为数字转义序列。例如，≪font显示为，若直接写为则被认为是一个链接签。需要说明的是：转义序列各字符间不能有空格；转义序列必须以“;”结束；单独的&不被认为是转义开始。如&Lt，被解释为&Lt，而不是。 返回目录3.3 图像和多媒体3.3.1 图像HTML支持内嵌式的图像显示链入图像的基本语法是：其中#=图像的 URL，#=在浏览器尚未完全读入图像时，在图像位置显示的文字。属性SRC表示图的源（Source）文件，目前有以下几种图像的格式能被Web浏览器直接解释：GIF格式（.GIF文件，支持256色）；X位图格式（.XBM文件，黑白图像）；JPEG格式（.JPG、.JPEG文件，支持RGB色）。 返回目录3.3.2 图像在页面中的对齐/布局 图像在页面中的对齐/布局有三种方式，分别如下：（1）图像与文字对齐方式的语法格式： #=left,right。 （2）图像嵌入左上角：语法格式：（3）图像与文字之间留有空间。语法格式： #表示象素值。（4）图像也可以加上边框语法格式： #表示边框的象素值。返回目录3.3.3 声音和视像Web浏览器自身不能解释声音和视像文件，它通过其它辅助工具的帮助来播放声音和视像文件。一般声音文件带.WAV、.AU、.SND等文件扩展名，而视像文件带有.AVI和.MPG等文件扩展名。播放这些文件，把这些文件作为一个超链中的URL信息。用户触发这一超链时，Web浏览器发现自己无法解释这类文件，就在辅助工具表中启动相应的程序来播放它们。请看下例：Here is the audio demo.Here is the video demo.图3-4是用户触发video demo的超链后，Web浏览器立即启动mplayer程序来播放demo.avi视像文件。（若事先未设置好辅助工具表，Web浏览器第一次会询问用户选用哪种辅助工具来播放此类文件。）返回目录3.3.3 声音和视像例子图3-4 Web浏览器调用RealOne player来播放.wav视像文件返回目录3.4 列表3.4.1 清单的种类常用的清单有3种格式无序清单（unordered List）有序清单（ordered list）定义清单（definition list） 返回目录3.4.1 清单的种类1（1）无序清单（ul）：无序清单用（ul）开始，每一个清单条目用引导，最后是，注意清单条目不需要结尾链接签。输出时每一清单条目缩进，并且以黑点标示。例子如下：MondayTuesday输出为：MondayTuesday返回目录3.4.1 清单的种类2（2）有序清单：有序清单与无序清单相比，只是在输出时清单条目用数字标示，下面是一个例子：MondayTuesday输出为：1.Monday2.Tuesday返回目录3.4.1 清单的种类2（3）定义清单：定义清单用于对清单条目进行简短说明的场合，用开始，清单条目用引导，它的说明用引导。例子为：Item 1The definition of item 1Item 2Definition or explaination of item 2输出为：Item 1The definition of item 1Item 2Definiton or explaination of item 2返回目录3.4.2 改变条目标记1 （1）改变无序清单条目标记：无序清单输出时，每一条目前都有一个黑色圆点，用户可以用type属性修改条目的标记。type可以是：disc：实心圆点cirde：圆圈 square：实心方点例子：ONETWOTHREE输出为： ONE TWO THREE返回目录3.4.2 改变条目标记2 （2）改变有序清单条目标记：有序清单条目标记的缺省值是阿拉伯数字，可以用type属性修改。方法为，#的取值及含义如下：A：大写字母a：小写字母I：大写罗马数字i：小写罗马数字l：缺省，阿拉伯数字例子：ONE-ONEONE-TWO输出为：A.ONE-ONEB.ONE-TWO返回目录3.4.2 改变条目标记3 （3）改变有序清单条目的起始数字：有序清单的条目数字在缺省情况下是从1开始的，用start属性可修改这一值。方法为 #是条目起始号。例子：ONE-ONEONE-TWOTWO-ONETWO-ONE输出为：E.ONE-ONEF.ONE-TWO10.TWO-ONExi.TWO-TWO返回目录3.4.2 改变条目标记4 4）清单的嵌套各种清单可以相互嵌套，每一个清单条目都可以是一个单独的清单。每嵌套一层，清单条目的输出就会有更大的缩进。请参照上面的例子。MondaysportsleepTuesday输出为：Monday 1 sport 2 sleep Tuesday 返回目录3.5 超级链接超文本链接指针是html最吸引人们优点之一。超文本链接指针可以使顺序存放的文件具有一定程度上随机访问的能力，这更加符合人类的思维方式。人的思维是跳跃的、交叉的，而每一个链接指针正好代表了作者或者读者的思维跳跃。因而组织得好的链接指针不仅能使读者跳过他不感兴趣的章节而且有助于更好地理解作者的意图。一个超文本链接指针由两部分组成。一是被指向的目标，它可以是同一文件的另一部分，也可以是世界另一端的一个文件，还可以是动画或音乐；另一部分是指向目标的链接指针。返回目录3.5.1 统一资源定位器URL统一资源定位器（uniform Resource Locator）是文件名的扩展。单机系统中，定位一个文件需要路径和文件名，Internet中，显然还需要知道文件存放在哪个网络的哪台主机中才行。与单机系统不一样的是：在单机系统中，所有的文件都由统一的操作系统管理，不必给出访问该文件的方法；在Internet上，各个网络，各台主机的操作系统都不一样，必须指定访问该文件的方法。 返回目录3.5.1 统一资源定位器URL2一个URL包括了以上所有的信息。它的构成为：protocol:/ :portdirectoryfilename其中：protocol是访问该资源所采用的协议，即访问该资源的方法，它可以是：http：超文本传输协议，该资源是html文件file：文件传输协议，用ftp访问该资源ftp：文件传输协议，用ftp访问该资源gopher：gopher协议，该资源是gopher文件news：表明该资源是网络新闻返回目录3.5.2 指向目标的标记1用链接指针指向一个目标。其基本格式为：字符串href属性中的统一资源定位器（URL）是被指向的目标，随后的字符串在html文件中充当指针的角色，它一般显示为蓝色。当读者用鼠标点这个字符串时，浏览器就会将URL处的资源显示在屏幕上。例如：CHINA HOME PAGE用户用鼠标点取china homepage，即可看到高能所编写的关于中国情况的介绍。在这个例子中，充当指针的是china home page， 返回目录3.5.2 指向目标的标记2图像作为链接指针的格式为：href属性中的统一资源定位器（url）是被指向的目标，img中的属性url代表图像元素，它表明显示url代表的图像文件。下面是一个简单的图像链接指针。既用d:wxzq.bmp这个图像指针指向这个目标。可以看出，上例中用取代了链接指针中字符串text的位置。是图像元素，它表明显示url代表的图像文件。返回目录3.5.3 标记目标的标记一个超文本链接指针包括两个部分，一个指向目标的链接指针，另一个是被指向的目标。对于同一文件的不同部分，用链接指针标识目标。标识一个目标的方法为：textname属性将放置该标记的地方标记为name，name是一个全文唯一的标记串；text属性部分可有可无，是超级链接的解释文字；返回目录3.5.3 标记目标的标记用下列方法来指向它：text url是放置标记的html文件的url；name是标记名；对于同一个文件，可以写为：text 这时就可以点击text跳转到标记名为name的部分了。 返回目录3.5.4 目标窗口如果希望被指向的目标在一个新的窗口中显示，可以使用target属性来修饰链接指针元素。语法格式如下：text将url代表的资源显示在一个新的窗口中，该窗口的名字叫window-name。返回目录3.6 表格标记 表格对于格式化信息有着强大的功能控制各种信息的位置，使得页面结构协调一致。用其他标记不容易做到的文本对齐，只要把文本块放到表格中就行了。返回目录3.6.1 表格的基本形式一个表由开始，结束，表的内容由，和定义。说明表的一个行，表有多少行就有多少个；说明表的列数和相应栏目的名称，有多少个栏目就有多少个；则填充由和组成的表格。是否用表格线分开为部分内容用border属性说明。返回目录3.6.1 表格的基本形式2下面是一个有表格线和一个元组的表格线的表及其输出。the simplest html file食物饮料甜点面包可乐布丁 返回目录3.6.2 表的修饰形式1（1）有通栏的表有横向通栏的表用属性说明colspan表示横向栏距，#代表通栏占据的网格数，它是一个小于表的横向网格数的整数。下面是一个有表格线和有横向通栏的表及其输出。the simplest html file食物饮料甜点面包牛奶可乐布丁返回目录3.6.2 表的修饰形式2有纵向通栏的表用rowspan=#属性说明。rowspan表示纵向栏距，#表示通栏占据的网格数，小于纵向网络数。需要说明的是有纵向通栏的表，每一行必须用明确给出一横向栏目结束,这和表格的基本形式是不同的。下面是一个有表格线和有纵向通栏的表及其输出。the simplest html fileMorning Menu 食物面包饮料可乐甜点布丁返回目录3.6.2 表的修饰形式3（2）表的大小，边框宽度，表格间距表的大小用width=#和height=#属性说明。前者为表宽，后者为表高，#是以象素为单位整数。下面是一个有表格线和表格尺寸设置的表及其输出。the simplest html file食物饮料甜点面包可乐布丁 返回目录3.6.2 表的修饰形式3表格间距即划分表格的线的粗细用标记ellspacing=#表示，#的单位是象素，下面的例子将表格间距定义为10个象素，它看起来像用很粗的线划分的表格。the simplest html file食物饮料甜点面包可乐布丁返回目录3.6.2 表的修饰形式3（3）表中文本的输出文本与表框的距离用cellpadding=#说明。下面的例子使表的内容与表框离开10个象素。the simplest html file食物饮料甜点面包可乐布丁表格的宽度大于其中的文本宽度时，文本在其中的输出位置与用align=#说明。#是 left，center和right三者之一，分别表示左对齐，居中和右对齐，align属性可修饰，和链接签。返回目录3.6.2 表的修饰形式3表格的高度大于其中文本的高度时，可以用valign=#说明文本在其中的位置。#是top，middle，bottom，baseline四者之一。分别表示上对齐，文本中线与表格中线对齐，下对齐，文本基线与表格中线对齐，baseline对齐方式，它使得文本出现在网格的上方而不是相象中的下半部。同样，valign可以修饰，中的任何一个。返回目录3.6.2 表的修饰形式3（4）浮动表格：所谓浮动表格是指表格与文件中内容对齐时，若在现在位置上不能满足其对齐方式，表格含上下移动，即挤开一些内容，直到满足其对齐要求。浮动属性一般由align=left或right指定。下面的例子也可以看出，cllign=left时把字符串挤到了表的右边。当右边空间不够时，该字符串会显示在表的下边，看起来像是表格浮到了字符串上。the simplest html file食物饮料甜点面包可乐布丁My k, bread, apple, rice, soup, chicken, meat, beaf, bear, candy, banana, orange, pear, pearapple, ice-cream, egg, sala, cookies, chocolates, and more. 返回目录3.6.2 表的修饰形式3（5）表格颜色表格的颜色用bgcolor=#指定。#是16进制的6位数，格式为rrggbb，分别表示红、绿、兰三色的分量。或者是16种已定义好的颜色名称，参见文本颜色。the simplest html file食物饮料面包可乐返回目录3.6.2 表的修饰形式3（6）表格标题表格可以加上标题。标题的语法格式如下：. #=left,center,right例子及显示如下：Lunch食物饮料甜点面包可乐布丁 Lunch返回目录3.7 窗口框架分框将流览器的窗口分成多个区域每个区域可以单独显示一个html文件各个区域也可相关连地显示某一个内容如可以将索引放在一个区域，文件内容显示在另一个区域。 返回目录3.7.1 分框的基本格式分框的基本结构如下：.中的内容显示在不支持分框的浏览器窗口中，因而这里指向一个普通版本的html文件，以便使用不支持分框浏览器的用户阅读。分框由指定，并且可以嵌套，分区中各部分显示的内容用指定。frame是一个新出现的元素，许多浏览器不支持它。可以将窗口横向分成几个部分，也可以分成纵向几个部分，还可以混和分框。返回目录（1）横向分框横向分框用指定，#可以是一个百分数，也可以是一整数。前者规定各框占窗口的分数，后者指定各框的绝对大小。例如，下面的例子将窗口分成30%、20%、50%的几个区域，各区域的内容分别为A.html，B.html，C.html。 HTML 语言教程运行效果图如下： 返回目录纵向分框 混合分框（2）纵向分框：纵向分框用指定，#含义同上。（3）混合分框：将窗口分成纵横几个区域时，用代替链接，即可将原来分好的区域再次分框，下面的例子先将窗口分成20%，80%，然后将右边的区域再分成分别占40%和60%的上下两个区域。HTML 语言教程A B C 返回目录（4）分框与框中文本的间距分框与其中的文本间距可以用Marginwidth=#和margiheight=#来指定，前者指定文本与分框的边缘的横向距离，后者为纵向距离，其单位都为象素，下面的例子中，将右边分框的左右边距，上下空白都设为50个象素。HTML 语言教程返回目录3.7.1 分框间的关联分框之间可以有特定的关联，比如将某一框的内容输出到另一个框，这样该段文字们就可以把其中一个框作为输出框，另一个框作为选择框。实现这种关联需要做下列的事情。（1）在分框的html文件中标记各个框，标记的方法是在中加入name属性，比如上例，定义左边的框为输出，右边框为索引。（2）在B.html文件中指定输出到哪个框中去的方法是在B.html文件中加入下列一行。这便得用鼠标点取B.html中的链接指针，它的输出会显示在左边的框中。使用窗口框架可以使浏览器窗口变成好几个窗口返回目录3.8 表单表单，在网页中的作用不可小视，主要负责数据采集的功能，比如你可以采集访问者的名字和email地址、调查表、留言簿等等。一个表单有三个基本组成部分：表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。表单按钮：包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。返回目录3.8.1 表单标签form/form功能：用于申明表单语法：FORM ACTION=URL METHOD=GET|POST ENCTYPE=MIME TARGET=./FORM属性解释见下表：action=url 指定用来处理表单提交的数据的应用程序。它可以是任何一个有效的URL，那么用户在表单中输入的信息就会传入那个URL处。method=get或post，它控制收集信息的传送方式。post方法可通过action所指定的服务程序对表单进行处理；GET方法可将表单的内容作为查询URL中的串来传送，服务器使用QueryString集合来存储这些内容。Enctype：指定如何对数据编码，只有在使用post方式时这个属性才适用，而且有唯一的可能值，即默认值application/x-www-form-urlencoded。该属性在平时的表单创建中可以不使用。TARGET=#，#可以是下列值：_blank：在一个新的、无名浏览器窗口调入指定的文档；_self：在指向这个目标的元素的相同的框架中调入文档；_parent：把文档调入当前框的直接的父FRAMESET框中；这个值在当前框没有父框时等价于_self；_top：把文档调入原来的最顶部的浏览器窗口中（因此取消所有其它框架）；这个值等价于当前框没有子框时的_self.返回目录3.8.2 表单文本元素 文本框多行文本框密码框隐藏域复选框单选框下拉选择框用于采集用户的输入或选择的数据， 返回目录（1）文本框文本框是一种让访问者自己输入内容的表单对象，通常被用来填写单个字或者简短的回答，如姓名、地址等。代码格式：input type=text name=.size=.maxlength=.value=.属性解释：type=text定义单行文本输入框；name属性定义文本框的名称，要保证数据的准确采集，要定义一个独一无二的名称；size属性定义文本框的宽度，单位是单个字符宽度；maxlength属性定义最多输入的字符数；value属性定义文本框的初始值；返回目录（2）多行文本框代码格式：TEXTAREA name=.cols=.rows=.wrap=VIRTUAL/TEXTAREA属性解释：name：同文本框cols：属性定义多行文本框的宽度，单位是单个字符宽度；rows：属性定义多行文本框的高度，单位是单个字符宽度；wrap：属性定义输入内容大于文本域时显示的方式，可选值如下：默认值是文本自动换行；当输入内容超过文本域的右边界时会自动转到下一行，而数据在被提交处理时自动换行的地方不会有换行符出现；Off用来避免文本换行，当输入的内容超过文本域右边界时，文本将向左滚动，必须用Return才能将插入点移到下一行；Virtual，允许文本自动换行。当输入内容超过文本域的右边界时会自动转到下一行，而数据在被提交处理时自动换行的地方不会有换行符出现；Physical，让文本换行，当数据被提交处理时换行符也将被一起提交处理。 返回目录（2）多行文本框例子：返回目录（3）密码框是一种特殊的文本域，用于输入密码。当访问者输入文字时，文字会被星号或其它符号代替，而输入的文字会被隐藏。代码格式：input type=password name=.size=.maxlength=.属性解释：type=password定义密码框；name同文本框；size属性定义密码框的宽度，单位是单个字符宽度；maxlength属性定义最多输入的字符数。 返回目录（3）密码框例子及显示结果：密码：返回目录密码：（4） 隐藏域隐藏域是用来收集或发送信息的不可见元素，对于网页的访问者来说，隐藏域是看不见的。当表单被提交时，隐藏域就会将信息用你设置时定义的名称和值发送到服务器上。代码格式：input type=hidden name=.value=.属性解释：type=hidden定义隐藏域；name同文本框；value属性定义隐藏域的值例如：input type=hidden name=ExPws value=dd返回目录（5）复选框复选框允许在待选项中选中一项以上的选项。每个复选框都是一个独立的元素，都必须有一个唯一的名称。代码格式：INPUT type=checkbox name=. value=.属性解释：type=checkbox定义复选框；name 同文本框；value属性定义复选框的值；返回目录（5）复选框例子及显示结果： C返回目录 C （6）文件上传框上传文件，文件上传框看上去和其它文本域差不多，只是它还包含了一个浏览按钮。访问者可以通过输入需要上传的文件的路径或者点击浏览按钮选择需要上传的文件。在使用文件域以前，请先确定你的服务器是否允许匿名上传文件。表单标签中必须设置ENCTYPE=multipart/form-data来确保文件被正确编码；另外，表单的传送方式必须设置成POST。代码格式：input type=file name=.size=15 maxlength=100属性解释：type=file：定义文件上传框；name：同文本框；size：属性定义文件上传框的宽度，单位是单个字符宽度；maxlength：属性定义最多输入的字符数。返回目录（6）文件上传框例子：上传文件：显示结果见图3-6：返回目录（7）下拉选择框下拉选择框允许你在一个有限的空间设置多种选项，下拉选择框中带有下拉按钮，单击下拉按钮，出现多个可供选择的选项，用户单击其中的一项，即可选中。代码格式：select name=.size=.multipleoption value=.selected./option./select属性解释：size：属性定义下拉选择框的行数；name：属性定义下拉选择框的名称；multiple：属性表示可以多选，如果不设置本属性，那么只能单选；value：属性定义选择项的值；selected：属性表示默认已经选择本选项。返回目录（7）下拉选择框返回目录3.8.3 表单按钮表单按钮就是控制表单的运作，达到使用表单的目的。（1）提交按钮：提交按钮用来将输入的信息提交到服务器。代码格式：input type=submit name=.value=.属性解释：type=submit：定义提交按钮；name：属性定义提交按钮的名称；value：属性定义按钮的显示文字； 返回目录（2）复位按钮复位按钮用来重置表单。代码格式：input type=reset name=.value=.属性解释：type=reset：定义复位按钮；复位及提交按钮的例子及显示结果：返回目录（3）一般按钮一般按钮用来控制其他定义了处理脚本的处理工作。代码格式：input type=button name=.value=.onClick=.属性解释：type=button定义一般按钮；onClick属性，也可以是其它的事件，通过指定脚本函数来定义按钮的行为； 返回目录综合Form的例子例子Your name : Sex :MaleFemaleWhat are you like:AppleOrangeStrawberryPeachHow much do you eat them per week:less than 1kg1kg to 3kgmore than 3kgWhats your opinion of eating fruit:I think 返回目录综合Form的例子返回目录3.9 其它网页修饰3.9.1 注释标识注释标识是一种比较常用的在HTML中添加注释的方法。注释的标识符是：号处可以写上注释文字。这些文字将不会出现在网页上，仅仅用于HTML文档的注释，从而使阅读文档的人易于理解编写文档的人的思路。注释标记应该落在与之间，而不是 与 之间。 返回目录3.9.2 横线（hr）横线，一般用于分隔同一文体的不同部分。在窗口中划一条横线非常简单，只要写一个即可。横线的宽度用指定，width=#指n是线宽，单位是象素。例：。hr 定横线长度，可以指定绝对线长，也可以指定横线长度占窗口宽度的百分比。例 、。横线的位置用指定。#是left成right之一，left表示左端与左边界对齐，right是右端与右边界对齐，缺省，横线出现在窗口正中。返回目录3.10 样式表（CSS）技术样式表主要是通过把各种样式属性按照要求组合到一起，形成对指定元素的样式修饰。放在一起的样式属性就构成了样式规则，他们规定了指定元素在页面中的显示样式。 返回目录3.10.1 级联式样式表的基本规则 样式表由一些具体的样式属性所组成的，如颜色属性、位置属性或者文本属性等，并由这些样式属性来精确、详细地格式化文档的显示样式表中可以用位置属性，控制元素在页面中的具体位置样式表可以添加相关的样式属性来描述指定的样式，所以这就使得样式表的应用极其灵活、多样。做还可以使不同的页面达到比较一致的显示效果。样式表由STYLE标记及其属性来实现的，使用标记或者属性可以指定任意的样式属性来组成样式表。返回目录3.10.1 级联式样式表的基本规则 级联式样式表主要分为内部级联和外部级联。内部级联是指在HTML文档代码中直接使用样式标记或者样式属性来描述元素的样式，外部级联是指通过引用在HTML文档以外建立的样式表来描述文档元素。级联式样式表的语法格式一般为：样式标记名1样式规则1 样式标记名n样式规则n或者textcs
- 温馨提示:
1: 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
2: 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
3.本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
人人文库网所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。
川公网安备: 51019002004831号