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>。这时你浏览一下效果你就可以看到具体的功能了,可以实现页面的卷动。

  注意

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

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

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

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

时间: 2024-09-30 01:08:33

HTML初学者教程-超级连接的相关文章

Dreamweaver MX 2004 入门教程之超级连接

dreamweaver|教程|入门教程 作为网站肯定有很多的页面,如果页面之间彼此是独立的,那么网页就好比是孤岛, 这样的网站是无法运行的.为了建立起网页之间的联系我们必须使用超级链接.称"超级链接 ",是因为它什么都能链接,如:网页.下载文件.网站地址.邮件地址--等等.下边我们 就来讨论怎样在网页中创建超级链接. [页面之间的超级连接] 在网页中,单击了某些图片.有下划线或有明示链接的文字就会跳转到相应的网页中 去. 1.在网页中选中要做超级链接的文字或者图片. 2.在属性面板中单

学习CSS使用技巧教程(7)连接属性

css|技巧|教程 上一节:文字属性 连接属性 在 HTML 文件里的超连接文字经过浏览器的解释后都会以加下划线的方式来显示,并没有动态的效果,通过 CSS 之 Anchor Pseudo Classes,大家可以将超连接文字的显示方式做到几种不同的变化. 例如:<A HREF=http://www.webjx.com>www.webjx.com</A> 以上的超级连接经过在浏览器页面上是以加下划线的方式显示. 但如果利用 CSS 之 Anchor Pseudo Classes 则

适用初学者的JSP连接Access数据库代码

js|初学|access|数据库 适用初学者的JSP连接Access数据库代码,刚刚写的一个Java Web 中连接Access数据库的代码.这些天讲到数据库操作,但是我的本子是XP home版,安装SQL Server比较麻烦,干脆弄个ACCESS来演示好了.有时小型桌面数据库还是蛮实用的嘛,哈-复制内容到剪贴板代码:<%@ page contentType="text/html; charset=GB18030" %><%@page import="ja

超级连接的提示中如何换行

前段时间有网友在论坛发帖问"如何实现超级连接的多行显示",其实方法很简单就是使用title 和 alt就可以实现.具体代码如下: <a href="http://www.webjx.com/" title="[网页教学网]//回车内容:建站指南,网页制作//回车 服务:建站服务//回车 交流:网页教学网论坛http://bbs.webjx.com//回车 宗旨:为您建站.学习提供全方面服务" border="0">鼠标放上去看说明&l

初学者mongodb java连接问题

问题描述 初学者mongodb java连接问题 如图,我看都是这么授权用户名和密码的,为什么我的写出来它说那个方法不属于DB类型 解决方案 Java无法连接MongoDB问题黑马程序员 Java 初学者要理解的问题 解决方案二: 你F3看下这个authenticate方法的参数是什么呢?很明显你调用这个方法的参数类型错误. 解决方案三: 这个方法是否正确 你的对象调用对吗

网页HTML教程:建立有亲和力的超级连接

教程|网页 tabbing浏览 不或不能使用指点设备的用户可以用快捷键tab键来打开连接,并且本身也要有逻辑tab顺序.尽管HTML是线性的,tabindex属性允许你定义它快捷键们的顺序,而且这些逻辑tab应该可以自动落入自己位置. 快捷键 快捷键可以通过键盘的特定按键进行更方便的导航(当按住Alt键或者Ctrl键时获得焦点).对于那些没有指点设备的用户,比起使用tab键操作连接更快捷,更方便. 没有必要为每一个连接都设置快捷键,但为主要导航连接都设置是一个不错的主意. <a href="

Javascript初学者教程:学习JavaScript的步骤

文章简介:最后undefined 感谢阅读此文!真诚的希望它能帮你成为一名JavaScript 爱好者.如果你已对JavaScript 很熟悉,你可以在评论中推荐其他任何相关资源. 学习新的东西是件可怕的事.对我来说,掌握一项新技能最大的问题是,我不知道自己懂什么.鉴于此,定个计划,学习你感兴趣的东西应该会有用.这篇文章的主旨就是:你为学习JavaScript 制定的蓝图.路线.行动计划!你不必担心找不到最好的资源,先整理些不好的资源,再确定下一步该学什么.遵循它,一步一步来. 任务0:了解什么

HTML初学者教程-页名称title

初学|教程 本站原创内容,转载请注明出处网页教学网. 所有的HTML页都应该有页名称. 把名称加入你的网页, 改变你的代码以便它看起来如图一样: 在这里我们添加了两个元素:<head></head>和<title></title>. 头元素(开始由于那 <head> 打开标签和结束由于那 </head>标签)出现在body元素 (和 <body>和</body>) 之前,表明在显示body内信息之前先加载一些信

HTML初学者教程-概念和软件选择

初学|概念|教程 本站原创内容,转载请注明出处网页教学网. 在网上的大部份内容和我们计算机中的内容是没什么不同的,当我们查找文件时,也是按照某种分类进入某个目录,之后访问到某个文件的! HTML文件是超文本标记文件, 因此在开始学习HTML的时候,就要使用一个文本编辑软件. 记事本就是一个最简单的文本编辑软件. 打开写字本(NotePad): 现在我们来制作第一个网页,首先在我们的计算机的磁盘中建立一个文件夹HTML,然后把文件保存为'myfirstpage.html'的文件 (重要的是我们保存