美文网首页
HTML初学者教程-超级连接

HTML初学者教程-超级连接

作者: 培训机构 | 来源:发表于2016-12-05 18:52 被阅读8次

HTML初学者教程-超级连接

本站原创内容,转载请注明出处网页教学网。

到现在我们已经自己可以制作一个单独的网页了,但是一个网站里的页面是非常多的,我们怎么让这些页面之间都联系起来呢?比如从这个页面转到另外一个页面等,今天我们就给大家讲讲超级连接的知识了。

'HTML' 的 'H' 和 'T' 代表 '超媒体',意思就是连接文本的一个系统。

一个锚标签 (a) 用来定义一个连接,但是通常会添加一个目的地址来实现连接。

把下面内容添加到你的文章中:

连接的目的地在标签 href 属性中被定义。连接可以像 'http:// www.webjx.com' 这样的一个绝对地址

,也可以针对当前页的其它页来使用相对地址连接,至于相对地址和绝对地址在本站的其他文章中已经给大家介绍了,如果你不明白可以去看看。

举例来说,你有了一个名为 'flying.html' 的另外一个文件,那么连接的代码可以写为 a

href="flying.html"网页中的其他页/a。

一个连接不须连接到另外的一个 HTML

文件,它能在网上连接到无论何处任何的文件。这就产生我们通常所说的盗连。有些站内容自己的内容比较少的时候,可以连接到其他地方去来补充你的内容,这样让访问这一看还以为是你站的内容呢?哈哈,再有现在FLASH比较好看,但是如果把这些FLASH上传到你的网站,那么会影响你站的流量那么你可以连接到其他站的FLASH。哈哈!功能大吧?

一个连接也能实现连接到一个页面中的其他部分,当你的页面的内容比较多时,你可以使用这种方法,好处是使访问者比较方便查看本页的内容。例如:http://www.webjx.com/web/zhaopeng/06/index.htm最上面的就是利用这种方法实现的。我们具体实现的方法是先在页面的需要的地方加上一个ID标签,

举例来说h2 id="moss"Moss/h2, 然后定义连接:a href="moss"Go to

moss/a。这时你浏览一下效果你就可以看到具体的功能了,可以实现页面的卷动。

HTML5 CSS3培训机构介绍,注意

A标签允许你连接一个文件时在新的窗口中打开连接的文件,可以在href='...'后加上target=_blank就可以实现了。但是大家经常听说过IIS连接数吧?如果以新窗口打开另一个你自己站内的其他页面时就会增加一个IIS连接数,还有当你连接的是另外站的页面时那么你会把浏览者带到了其他站去了!这样你的顾客就跑了!呵呵。所以我在这里建议你还是在本页内打开一个页面吧!本站全部是在当前页面中打开的。

我认为有许多理由来说明你这样做的好处的:

从实用性观点来看,这一个方法打破导航。浏览者通常使用工具栏中的按钮来实现导航的比如工具按钮“后退”直接后退回上一个页面,而打开新的窗口后该按钮就没作用了。

从广义上说,好多用户都不希望打开你的页面之后,再开新的窗口,比如现在好多的网址站,打开之后弹出好多其他窗口,当我们上网时当你打开多个窗口时那么危险系数也就增大了,你不知道哪个网页有什么恶意代码啊!大家英文水平比较好的可以去看看国外的网站,大部分都是在同一个窗口中打开其他页面的啊!

文章来源:HTML5 CSS3培训 http://www.kgc.cn/html5/list-1-6-9-9-0.shtml

相关文章

  • HTML初学者教程-超级连接

    HTML初学者教程-超级连接 本站原创内容,转载请注明出处网页教学网。 到现在我们已经自己可以制作一个单独的网页了...

  • 前端学习推荐网站

    初学者可以参考菜鸟教程:http://www.runoob.com/ 说明:菜鸟教程中包含了技术中的HTML / ...

  • HTML初学者教程-表格

    HTML初学者教程-表格 本站原创内容,转载请注明出处网页教学网。 全世界的网站基本上都是使用HTML表格对页面区...

  • es插件开发

    参考连接: es插件开发教程[https://www.2cto.com/kf/201709/681446.html...

  • RxJava

    教程 给初学者的RxJava2.0教程(一) 给初学者的RxJava2.0教程(二) 给初学者的RxJava2.0...

  • XHTML初学者教程:XHTML标准属性

    XHTML初学者教程:XHTML标准属性 HTML标签拥有属性。每个标签的特殊属性均被列于每个标签描述之下。IT培...

  • 数据盘挂载

    服务器连接教程:http://bbs.aliyun.com/read/146157.html? 很多新用户买到服务...

  • Linux编程环境搭建——C/C++

    本文是面向初学者的入门型教程,高手请忽略~本文是面向初学者的入门型教程,高手请忽略~本文是面向初学者的入门型教程,...

  • html入门教程(初学者)

    书目录链接:https://www.shumulu.com/archives/133664 1 HTML标签 2 ...

  • 20170907html学习(二)常用标签,属性

    HTML学习(二)常用标签,属性 参考 HTML 教程| 菜鸟教程HTML 教程 - w3school 在线教程 ...

网友评论

      本文标题:HTML初学者教程-超级连接

      本文链接:https://www.haomeiwen.com/subject/zqhlmttx.html