unix网络编程_部分11

unix网络编程_部分11

ID:34481456

大小:1.77 MB

页数:20页

时间:2019-03-06

上传者:xinshengwencai
unix网络编程_部分11_第1页
unix网络编程_部分11_第2页
unix网络编程_部分11_第3页
unix网络编程_部分11_第4页
unix网络编程_部分11_第5页
资源描述:

《unix网络编程_部分11》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

第14章WorldWideWeb203下载含标题列表的表格中,它的标题列表项用来访问在整个网页中显示的标题。只要在表格里点击一个标题列表项,就会移到相应标题的文本中。被指向的文本称为命名元素。可以使用NAME标记符为指定文本创建一个标签,它的作用就相当于该文本的名字。这样,在创建HREF锚标记符时,就可以使用该名字代表相应的文本。除了可以是文本外,命名的元素还可以是图像,允许你跳到文本中的图像。要创建一个命名元素,就使用NAME锚标记符,后面输入命名元素的名字;然后,接着输入命名元素代表的文本或图像,采用标记符结束。在下面的示例中,元素的名字为mynewstag,它显示的文本是“RecipeSiteNews”:RecipeSiteNews用一个带有“#”号的HREF标记符,可以访问一个命名元素代表的文本或图片。其中,“#”号要放在命名元素的前面。在下面的示例中,网页中显示“RecentNews”文本,当用户点击该文本时,就会显示在网页中采用mynewstag标记的元素。这个元素可以是一个标题、一幅图片或任何文本段。Recentnews如前所述,命名元素用来使用户转到网页不同的标题中。例如,在一个标题列表中,包含了文本中每个命名标题的HREF项,点击各个列表项,就能跳到相应的标题处。Headingtext这种情况下,网页中相应的标题必须采用NAME标记符命名,并确保名字的匹配。下面的示例创建了一个标题,当点击它时,就能跳到一个名为Welcometag的元素处。

AboutMyRecipeSite

下面的例子示出了一个名为welcometag的元素,它所代表的是一个标题。点击前一个示例中的锚时,要跳到的地方就是这个welcometag元素所代表的标题。

AboutMyRecipeSite

你可以用ID标记符创建命名元素,这个ID标记符可以放在一个标题标记符内,如下所示:Headingtext14.5.3Web页面示例使用上面已讨论过的几个代码,就可以创建Web页面。通过一个简单的文本编辑器,就可以输入HTML代码和文本。HTML文本文件可以用任何名字命名,但其扩展名必须是.html。通常,一个Web网站是由许多分布在几个子目录下的文件构成的。在下面的示例中,有两个分别名为recipe.html和index.html的Web页面,其中recipe.html是网站主目录下的文件,而index.html是位于网站主目录下的desserts子目录中的网页文件。在recipe.html中有一个入口,可以调用desserts/index.html文件。通常每个子目录都有它自己的index.html文件,用来列出所有到自己目录及其子目录下的网页的链接。Recipe.html使用了几个HREF链接标记符,用来访问本地文件和其他站点上的Web页面,甚至还可以是用来发送邮件的URL。下面示例中给出的链接,显示电子邮件地址“chris@mygames.com”,并且当用户点击它时,将启动该系统的邮件编辑器,提示用户输入和发送信息。HREF自动指定要信件发送的电子邮件地址。文字段可以是任何文本,不一定要 204第三部分网络及Internet工具下载求是一个电子邮件地址。HREF=mailto://chris@mygames.com>chris@mygames.com在该文件中,

标记符用来显示一个字体较大的标题;

标记符用来将后面的文本格式化成段落;

标记符显示字体稍小的子标题;
标记符用来在页面上画线。带有URL的锚标记符,嵌入到段落和标题中。Recipe.html文件中所有的标题都是一个锚。锚放在标题标记符之内,可以允许用户点击标题上的任何地方。许多锚都指向本地文件,例如就指向本地desserts子目录中的index.html文件。最后一个标题指向远程站点上的一个Web页面。desserts/index.html文件显示一个编号式列表,而不是标题。在列表中的每一项都包含一个锚,这有点类似于recipe.html文件中的标题,但它的每一项是经过编号了的。recipehtmldesserts/index.html 第14章WorldWideWeb205下载图14-7示出了recipe.html文件在Web浏览器的显示内容。请注意其中划线的文本,代表它们是一个锚,可以链接到另外的Web资源。图14-8示出了desserts/index.html文件在Web浏览器的显示内容。它显示的是一个编号式列表,在每一个列表项前都加上了一个编号。它的每一项文本也都划了线,表示也是一个用来访问其他Web资源的锚。图14-7recipe.html文件的显示内容图14-8desserts/index.html文件的显示内容14.5.4图像和声音通过IMG标记符,可以在Web页面上显示图像。图像可以是各种以gif或jpeg等文件格式存储的照片、图形或画面,它们通常与网页放在同一个目录上。在IMG标记内,使用SRC标记符指定图像文件名。如果图像文件在另一个目录中,还需要指出它的路径名。一个IMG标记的语法格式如下:例如,如果需要显示一个名为cakes.gif的图片,就采用如下代码: 206第三部分网络及Internet工具下载IMG标记符用来在网页内显示图片,如果你想使用单独的图片显示程序显示图片,那就要用HREF标记符。实际上,HREF标记符将图像文件与显示程序链接起来,如下所示:Thisisapictureofme还可以使用HREF标记符,将一个声音或视频文件与一个播放程序链接起来:Satisfactionindicator图像经常用在锚定语句中,供用户点击以访问其他Web资源。这种情况下,需要在HREF标记项中的显示文本部分输入一个IMG标记项。这样,在浏览器中将显示IMG标记项中指定的图像,只要用户点击该图像,就链接到HREF标记项中指定的URL。在下面的示例中,在浏览器中显示food1.gif文件代表的图像,当用户点击它时就启动对welcome文件的访问:在接下来给出的示例中,在一个锚中使用了图像和文本,在浏览器中用户既可以通过点击这个锚中的图像,也可以通过点击这个锚中的文本,访问所链接的desserts/index.html文件:DessertRecipes下面给出的recpic.html文件,在前面recipe.html文件的基础上增加了图像。文件的内容如下:图14-9示出了recpic.html文件在Web浏览器里的显示内容。值得注意的是,
标记符的作用是开始一个新的行或输入一个空行。在最后一个标题中,它用来将同一个锚中的图像和文本放在不同的行中。另外,文中的标记符用来将第一个标题采用斜体字显示。 第14章WorldWideWeb207下载图14-9recpic.html文件的显示内容14.5.5表单和公共网关接口Web页面最初只是用来显示文本和图像,并不打算用来完成交互式任务,例如接收用户发来的数据,然后处理,并显示结果。HTML标记符只是用来格式化操作,就像一个字处理器一样,没有太多的计算功能。不过。随着Web应用的发展,Web页面逐渐成为收集用户信息的理想接口,例如,在线购物和用户注册等一些应用的需求。虽然Web页面本身不能完成数据处理功能,但它可以收集用户发来的数据,然后将它转交给其他的数据处理程序;待数据处理程序完成处理后,就将结果在另一个网页上显示出来。上述用来处理数据并与Web页面进行交互的程序就是公共网关接口(GommonGatewayInterface,CGI)。在使用浏览器显示某个站点上的网页时,相关的网页可以通过CGI程序向用户提供实时的信息,或者处理由用户发来的信息。一个CGI程序可以是一个Unixshell脚本或者一个执行程序。表单(form)是一种HTML元素,可以接收用户填写的数据,并将数据传送给CGI或另一个网页。HTML支持各种各样的表单,其中有简单的文本框,可以供用户输入一行文本;单选和复选框可供用户在多个选项中进行选择;下拉菜单也能供用户进行选择,通常用来访问其他网页;文本区域框的操作有点像小型的编辑器,可供用户输入多个文本行,编辑文本,还可以使用滚动条移动文本。最简单的表单是输入表单,它们以标记符开头,可以使用TYPE标识符指定表单的类型,其中包括下面一些类型:text(文本)、checkbox(复选框)、radio(单选)、submit(提交)、 208第三部分网络及Internet工具下载reset(重置)。还可以使用NAME标识符命名表单,用以识别某个特定的表单。下面给出了一个简单的文本输入表单,它的名字为cook,类型是text,文本“YourName”将显示在输入框的左边。YourNamecheckbox用来显示一个复选框,通常将几个复选框链接在一起作为一个元素。这时就得给每一个复选框起同样的名字。在下面的示例中,给出了一个名为favders的网页元素,它由四个checkbox组成,每一个checkbox的定义中都有一个INPUT标记符,它们的名字都取为favders。这四个checkbox的显示标签分别为“Cake”、“IceCream”、“Pie”“Ricecakes”(如图14-10所示)。radio按钮也按同样的方式进行操作,但是它们只能被选中一个。如果用户选择另一个,就会关闭原来一个的选择。它们的类型为radio。在下面的示例中,给出了一个包括两个radio按钮的radio元素。该元素叫做answ,两个radio按钮的显示标签分别为“Yes”、“No”(见图14-10)。YesNo下拉菜单通过SELECT标记符实现,它的结尾标记符是。菜单中的选项采用

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
关闭