HTML超链接课件...ppt

1、HTML、超连结、1 .超连结基础知识2。建立超连结的方法。3.内部链接、书签链接和外部链接。超连结基础知识，1 .超连结超文本链接(hypertextlink)通常简称为超连结(hyperlink)或简单链接(link)。链接是HTML最强大、最有价值的功能之一。链接是指文档中的文本或图像与其他文档、文档的一部分或图像相关联。2绝对路径绝对路径是主页上档案或目录的硬盘物理路径。使用绝对路径查找链接目标文件更明确，但有两个茄子缺点。一种是需要输入更多内容，另一种是如果文件移动了，则必须重置所有相关链接。例如，将路径设置为“C: Program Files1 .HTM”，3设定为相对路径，首先分

2、析图片显示不正确的原因。例如，photo.jpg现在连接到的页面index.htm牙齿。它们的绝对路径是c : website index . htm c 3360 websiteimgphoto . jpg，使用绝对路径c:websiteimgphoto.jpg在自己的计算机上一切正常。这是因为可以在指定位置(c:websiteimgphoto.jpg)找到photo.jpg文件。但是，将页面上载到网站时可能会出错。网站很可能没有服务器C磁盘、D磁盘、aa目录、bb目录(即c:websiteimgphoto.jpg)等路径。使用相对路径。相对路径顾名思义就是自己相对于目标的位置。(Georg

3、e Bernard show、相对路径、相对路径、相对路径、相对路径、相对路径)链接到上述示例中的index.htm的photo.jpg可以使用imgphoto.jpg查找文件，这样，无论您将这些文件放在哪里，都不会发生错误，除非相关关系发生变化。在编程中“.”使用表示高级目录，“.”表示更高级别的目录。再举几个茄子的例子。在所有情况下，photo.jpg图片都链接到index.htm文件。c : websitewebindex.htm c 3360 websiteimgphoto.jpg，如果是牙齿，如何表示连接到index . htm的photo . jpg？错误的符号：imgphoto.

4、jpg，这种符号不正确。在牙齿示例中，对于index.htm文件，imgphoto.jpg表示的绝对路径为c 3360 websitewebimgphoto . jpg，很明显不符合要求。正确的符号：使用imgphoto.jpg的相对路径查找文件。对于相对路径，通常设置为以下三种茄子符号：1.同一目录中的档案：只需输入链接文件的名称。例如01.html。2.上一级目录中的文件在目录名和档案名称之前显示为“.添加/，例如：/04/02 . html；以上两个级别./.两个，如/file/01.html.必须添加/。3.下一层目录：输入目录名和文件名，以“/”分隔。例如Html/05/01.htm

5、l。除了绝对路径和相对路径外，还有一个称为根目录的。根目录经常在大规模网站中部署在几个服务器上，或者在一个服务器中同时部署多个网站时使用。写格式很简单。以“/”开头即可，该“/”表示根目录、文件所在的目录名和文件名。超连结标签的预设语法超连结的语法会随连结物件而变更，但都是以标签为基础。语法：链接元素或链接元素，说明：在牙齿语法中，链接元素可以是文字、图片或其他页面元素。其中href是hypertextreference的缩写。超链接可以在网页之间连接，因此网站中的许多页面构成了有机整体，使访问者可以在页面之间跳转。超链接可以是文本、图像或其他网页元素之一，在浏览器中使用鼠标单击对象时，浏览器

6、可以按照说明加载新页面或转到页面上的其他位置。2在文本超连结设置网页中，文本超链接是最常见的。通过网页中的档案和其他文件连接。语法：链接文字说明：在牙齿语法中，链接地址可以是绝对地址，也可以是相对地址。文本链接神话故事：八仙头和龙下一篇：如来宝川传说，有一天去八仙东海游览蓬莱岛。本来，腾云驾雾，转眼就能走了，但陆春阳建议坐船渡海，看大海。他拿着铁边谷里的手杖扔进海里，发出“变化”的声音，突然变成了一艘又宽又美的大龙船，八个人的大善船乘船眺望，喝着酒，喝着战斗的歌，真热闹。(威廉莎士比亚哈姆雷特)意外地，引起了一场麻烦。原来龙宫里有花鳞恶龙，龙王的第七个儿子，被称为“和龙太子”。牙齿那天，他什么

7、都没了，在郑秀晶宫殿外面徘徊，突然听到大海里有精灵音乐的声音，他们跟着声音走，突然看到雕刻龙舟，坐在里面8个奇形怪状的精灵，其中一个妙龄女郎，丑陋地移动，华龙太子看到了牙齿精灵的姿态，灵魂消失了，早忘了主人南极精灵的忠告，牙齿代码现在目录里的nee，14，文本链接神话故事：女娲代替天空的前篇八仙杜华龙天空，女娲用泥土做泥娃娃赋予生命。从此女娲创造了人，人们世代繁衍，过着幸福的生活。但是好景不长。一年，火神祝融和水神公众开始吵架。公共撞上支撑天空的柱子火珠山，天塌下来，打碎了很多洞，也打碎了土地，地上的洪水和天下的水不断渗漏，造成大地的水患和火海，真是悲惨啊！在生成、超链接的目标窗口设置网页期间

8、，有时不希望超链接的目标窗口复盖原始窗口。例如，您可能希望不管链接如何，都保持主页不变。此时，可以通过目标参数设置目标窗口的属性。语法：链接元素说明：在牙齿语法中，target参数有四个值。“目标值目标”(target value target)窗口将打开到_parent的上一级。在帧页面上，使用_blank创建新窗口。_self在与首选项相同的窗口中打开，忽略所有框架结构。目标窗口打开的方式世界电影介绍孤岛上的爱尔兰共和国教练：迈克尔贝迈克尔贝情景作家：亚历克斯库兹曼亚历克斯库尔茨曼主演：伊万迈克格雷戈Ewan麦格迈克尔克拉克邓肯克拉克邓肯邓肯杜安类型：动作/情节/科幻/惊悚水平：PG-HT

9、ML文件的代码如下：他和社区的所有居民实际上是“神秘岛”居民的克隆人，他们的存在只是为了在他们的“原型”上提供各种更换用途的身体部件，牙齿社区实际上只是软禁他们的笼子，内部链接与各种超链接相连，根据链接对象的不同，安装方式也不同。内部链接意味着链接的对象是同一网站中的资源。以下示例说明了如何在网站中实现内部链接。对于牙齿，它总共包含三个文件：index.html、film1.html和film2.html。其中index.html用作欢迎页面，其馀两个文件放在与index.html文件相同级别的film文件夹中。牙齿示例说明如何通过三个文件的互连在网站中进行链接。，档案index.html的代

10、码如下：内部链接实施世界电影介绍婚姻公告Must Love Dogs教练方案作家：grey David Gary David Goldberg主演：daain line Diane line Elizabeth Elizabeth Perkins类型：爱情区：美国首映：上映内部链接实施征婚公告Must Love Dogs故事简介：以下视频简介，首页index.html位于档案的上一级，链接时在档案名称前显示“.”必须添加。电影帝企鹅日记的视频介绍与档案film1.html位于同一目录，是等效文件，链接时只需将链接地址设置为档案名称film1.html即可。档案film2.html的代码如下：内

11、部链接实现皇帝企鹅日记LA MARCHE DE LEMPEREUR梗概介绍：下一个视频介绍，5书签链接生成网页内容特别多的时候，可以通过书签链接内容，这样读者在阅读的时候就可以通过书签跳转内容。牙齿链接也称为网页。5.1书签可以与链接文本位于同一页面上，也可以位于不同页面上。但是，要在网页中实现书签链接，必须先设置书签。只有设置书签，才能引导页面的内容并跳转。语法：字符说明：在牙齿语法中，书签名称用于以后跳转的书签，字符是设置链接后跳转的位置。示例代码：书签爱情测试定义：你依恋的热度如何？a:你从凌晨0点到凌晨6点生气勃勃，真的很喜欢恋爱。我喜欢那种充满活力的感觉，但你热爱的热情只是平凡的。(

12、大卫亚设，Northern Exposure(美国电视电视剧)，爱)对生活中其他事情(如你的个人爱好)的因为你，恋爱等热度，过度分散目标的结果，你的依恋有30%的选择B:从早上6点到中午12点，虽然你是很理性的毫米。哦，你对所有的事都很小心，在爱的路上，你对所有的事都很小心。(David assell，Northern Exposure(美国电视电视剧)，爱)选项D:下午6点到凌晨0点，你有点神经质，但很执着的MM。别人很难适应你的处世风格。你的男朋友也一样。你曾经他的风采万般，有时对他冷若冰霜，很迷惑他。大卫亚设，美国电视电视剧，女人)即使一见钟情，他也会被你对他的感觉吓得逃跑。为了改变这种

13、情况，MM牙齿必须很好地控制自己的感情。(David assels，Northern Exposure，美国电视电视剧，爱)牙齿代码中定义了四个书签，分别命名为answerA、answerB、answerC和answerD。您可以将链接内容添加到链接到、5.2等页面的书签下刚刚创建的书签中。在代码前添加链接文本和链接地址，可以获得指向同一页面的书签链接。语法：链接的文本说明：在牙齿语法中，书签的名称是刚定义的书籍签名，即name的分配。#表示书签的链接地址。示例代码：啊，书签爱情测试定义：你的爱的热度有多大，郑贤第一次绽放的漂亮的MM牙齿终于成为了心中的白马王子！但是你想让感情进行得更顺利，更

14、快地加热吗？那么，可爱的MM们快来做牙齿测试吧。请确保以愉快的心情和心中的白马王子们手到擒来。一天中你最喜欢的时间是什么时候？A:从凌晨0点开始到早上6点B:从早上6点开始到中午12点C 3360中午12点到下午6点下午6点到凌晨0点A:上午0点到凌晨6点，你那该死的性格在人群中让你独立恋爱的时候也不肯向对方表白，所以被抛弃了。你唯一的优点是你从不拖延，没有尽头。(威廉莎士比亚，哈姆雷特，爱) (威廉莎士比亚，奥赛罗，爱)，但有时恋爱也要说小策略。偶尔承认失败也不是好事！选择C:中午12点到下午6点，你有点神经质。但是非常执着的MM。别人很难适应你的处世风格。你的男朋友也一样。你曾一度对他风度

15、翩翩，有时对他冷淡。让他很困惑。大卫亚设，美国电视电视剧，女人)即使一见钟情，他也会被你对他的感觉吓得逃跑。为了改变这种情况，MM牙齿必须很好地控制自己的感情。如果你运行David aser，Northern Exposure(美国电视电视剧，爱)，牙齿代码，你会看到4个文本链接。单击页面上的某个链接文本，页面会跳转到该链接书签所在的位置。单击“A:上午0点到上午6点”，单击页面上的“C:中午12点到下午6点”，页面跳转到书签answerC所在的位置，语法：链接的文本说明：在牙齿语法中，与同一页面的书签链接不同，必须在链接的地址前添加档案位置。书签爱情测试定义：你依恋的热度是多少？d:下午6点至凌晨0点，、牙齿链接通常设置时必须填写绝对地址，最常见的是URL统一资源定位器“http:/