《5 HTML-超链接与表格.doc》由会员分享，可在线阅读，更多相关《5 HTML-超链接与表格.doc（7页珍藏版）》请在金锄头文库上搜索。
1、HTML部分 第5章 超链接与表格5.1 超链接超级链接（HyperLink）习惯上被称为超链接。给网页上的文本或图像设置超链接，可以从源点跳到目标点。基本语法文字或图像语法说明在HTML文件中，超链接可以分为内部链接和外部链接。所谓内部链接：指网站内部文件之间的链接，此类链接的地址一般使用相对地址，即链接目标文件相对于该网页文件的路径地址。所谓外部链接，指网站内的文件链接到站点外文件的链接，外部链接使用绝对地址，比如链接郑州大学的网页，地址就是http:/。链接的源点可以是文字或者图像。5.1.1 外部链接前文提到外部链接指网站内的文件链接到站点外文件的链接，下面我们就举一个链接到外部网址的
2、例子。【例5-1】外部链接外部链接春季已经来临，夏季还会远吗？经过一个冬季，又度过一个春节，你的体重是否也像这气温一样越爬越高，赶紧在夏季来临之前来个春季减肥吧！春季如何减肥？爱美网为你收录最完整的减肥方法，最有效的减肥药，最美味低热的减肥食谱，告诉你春季怎样减肥才是最健康有效的，让你在夏季来临前恢复窈窕身姿！友情链接爱美网搜瘦网花花网她生活5.1.2 在文字上设置链接内部链接的源点可以是文字或者图片，目标是站点内的网页、图片等。本节先讲述设置在文字上的链接。【例5-2】文字链接风尚风尚指针小女人大魅力宅女的魅式SOHO记极品“魅姐D”三八节惊艳现身2010春夏时装 轻态度VS重创意T台示范：
3、知识分子的内衣外穿H&M The Blues 2010年春装大片春天OL通勤，温柔的印记(图)注意：该例子第一个链接文字作为源点，以网页文件zhainv.html作为目标，第二个以文字作为源点，以图片文件chunzhuang.jpg作为目标，该图片存放于images文件夹中。属性target=_blank表示在新窗口中打开链接目标，如果没有设置目标属性，则默认会在当前窗口打开链接。5.1.3 在图像上设置链接本节讲述设置在图像上的链接，比如单击某个图片跳转到网页页面，或者单击图片打开此图的原图等。【例5-3】图像链接图像链接注意：该例子第一个链接图片huazhuang.jpg作为源点，以网页文
4、件huazhuang.html作为目标，第二个以图片meijia1.jpg作为源点，以图片文件meijia2.jpg作为目标，该图片存放于images文件夹中。属性target=_blank表示在新窗口中打开链接目标，如果没有设置目标属性，则默认会在当前窗口打开链接。图片属性border=0防止在图片上设置链接后自动出现边框。图片属性alt用于引导用户浏览链接。5.1.4 电子邮件链接这里指以电子邮件作为目标点的链接。添加电子邮件链接，只需要在希望链接的电子邮件地址的文字前后分别加上和即可。在浏览网页时，点击链接文字就可以打开本机上默认的电子邮件收发软件。 【例5-4】电子邮件链接在网页上添加
5、文本“和我联系”，并在其上加入链接到电子邮件的链接。面向大海 春暖花开面向大海 春暖花开从明天起，做一个幸福的人喂马，劈柴，周游世界从明天起，关心粮食和蔬菜我有一所房子，面向大海，春暖花开和我联系5.2 表格制作网页时，为了以一定的形式将网页中的信息组织起来，需要对页面的版式进行设计或者进行页面布局。表格能将网页分成多个任意的矩形区域，表格是网页中常用的一种简单布局工具。在这里我们只简单介绍一下表格，关于表格的其它内容，在后续章节介绍。5.2.1 表格的标记和属性表格所涉及的标记有“表格标记”、“行标记”和“单元格标记”。l ：表格标记，表示一个表格的开始和结束。l ：行标记，成对出现，包含在
6、表格标记之间，有几对行标记说明该表格有几行。l ：单元格标记，成对出现，包含在行标记之间，有几对单元格标记说明该行有几列（或者有几个单元格）。表格相关标记的属性属性说明border标记的属性，表示表格的边框的宽度，单位为像素。bodercolor标记的属性，表示表格的边框的颜色。width和height适用于标记、和，分别用来表示表格、行和单元格的宽高。align适用于标记、和，表示对齐方式。用于table时，表示表格在页面中的对齐方式；用于表示整行单元格内对象的对齐方式；用于表示单元格内对象的对齐方式。 valign适用于标记，表示单元格内垂直对齐方式，值可取top、middle、botto
7、m等。bgcolor适用于标记、和，分别用来表示表格、行和单元格的背景颜色。background适用于标记和，分别用来表示表格和单元格的背景图像。cellpadding适用于标记，表示单元格边距cellspacing适用于标记，表示单元格间距colspan适用于标记，表示这个单元格占几单元格，合并单元格时使用5.2.2 在网页中插入表格【例5-5】插入表格成绩单成绩单学号姓名网页制作程序设计计算机网络200703001张小凡907882200703002王于飞678075200703003李天雨6275555.2.3 使用表格布局表格最重要的作用是布局，下边我们利用表格进行简单的布局，复杂布局
8、在后续课程介绍。【例5-6】表格布局花田喜事 精美剧照 剧情梗概 片花视频 最新动态 主要演员 今年贺岁档众片云集，老友曾志伟、谭咏麟都有新片上映。好友变对手，黄百鸣很自信地说：“他们不是我的对手，过年当然是一家大小看喜剧，花田喜事将时尚融入古装片，酒吧、色盅等现代元素都有体现，观众放心进场。” 被黄百鸣大赞漂亮、健康的Angelababy以黑色毛衣、马尾辫造型亮相，青春逼人，简简单单却丝毫不输将时尚元素堆满身的天王嫂熊黛林。第一次拍喜剧就客串胡须男并和熊黛林步入洞房的她，在片花中甚至还有斗鸡眼的丑怪表情。对此，Angelababy表示，自己很喜欢拍喜剧，丝毫不介意在戏中没有熊黛林漂亮。“我很喜欢这个角色，与我平时的形象很不同。”被冠上“香港新一代中的张柏芝”的她回应说，张柏芝是自己的偶像，能和她相提并论觉得非常开心。对于日前被传与大帅哥黄晓明的绯闻，Angelababy斩钉截铁地回
