计算机程序设计

如何插入HTML中的超链接? 创建和在HTML中使用超链接

超文本是一个包含链接到其他文本的文本。 例子是作者对复杂的定义或翻译脚注笔记在书页底部,一旦发现外语文本。 互联网网站的超文本的复杂系统跳转从一个网页到另一个网页本身,也无关单主题资源之间。 这种结构是实用,节省了大量的时间,使访问者快速找到您所需要的信息,而不是迷失在大量的转换。

插入超链接

在HTML中插入使用描述符(标签),其被插入在正确的位置的超链接。 通常它是一个文本中本身就是一种超链接是文本结构。 但链接是更多的图形(图标,按钮,图片); 它们将被进一步讨论。 他们在网页上的位置不限于文字,而是取决于设计决策者现场。

首页谷歌

这是如何插入超链接到由标签进行HTML文档的例子。 网站访问者可以看到带下划线的文本是从周围的文字(颜色HTML链接可以是任何东西)的颜色不同,“谷歌主页”,通过点击,他将获得的主页,“谷歌”搜索引擎。 应当指出的是,超链接的文本应当包含在过渡将进行信息。 这一原则应遵循并作为一项规则!

标签结构 ...

您可能会注意到标签 - 双打:需要关闭标签

HREF - 标签属性指定链接的目标。

https://google.com/ - 属性值,请将其上,使过渡的资源的URL地址。 它是双或单引号。 这取决于的HTML规则的嵌套标签的结构。

首页谷歌

整个结构是一个万维网文档的一个元素

根据HTML的规则,一些元素可以包含其他元素。 标识符也不例外。 如果程序员需要以粗体字谷歌突出,您可以通过使用标签的 的做到这一点,根据文本格式的嵌套标签的序列中的一般规则。 网站管理员应该知道如何创建一个HTML无差错的超链接,否则他们将无法正常工作。 断开链接到电脑俚语叫“殴打”。

主网页的谷歌

这里:元素

主网页的谷歌

它包含嵌套

谷歌

现在该页面的访问者看到的超级链接以粗体字“谷歌”。

绝对超链接

使用网站包含域名的绝对URL的地址超链接(.RU,.COM,.ORG,.GOV ),称为绝对的,语法如下:

协议://文件的域名/路径

例如地址在美国的搜索引擎广泛:https://aol.com - 绝对的,因为它包含了域名.COM。

绝对超链接是用于导航到其他网站的网页或访问位于另一台服务器上的资源。 过渡是通过使用因特网协议来执行。 协议 - 这不是本文的话题,但是,当他们参与创作的超链接,则必须至少简单地提一下:

  • HTTPHTTPS -最常见的; 为他们的网页不同网站之间进行切换;
  • FTP -上传文件到服务器或从网站用户下载的协议;
  • 邮寄地址-直接发送电子邮件从网站上,没有去到个人电子邮件邮件协议。

有特殊用途(地鼠,远程登录)的几个报告,是相当罕见的,它的使用需要编程或系统管理专业知识。

相对超链接

随着相对寻址,用于生活的转变,并在HTML中使用超链接不会导致超越它。 如果页面是运行垂直滚动条,有时很长,如在字典中那么大,这是非常方便的,适当的,使用相对链接跳转至所需的字母。

创建在线词典,在网页的开头的程序员的字母,而如果不是因为使用的链接,用户将有一个很长的时间把鼠标的滚轮去的字母“I”。

使用属性名称 标签创建一个相对链接:

回到信我

称为锚,回到我的信 -锚目的地。 对于锚的正确显示,建议使用字母和数字,所以不写“我”,虽然它本来也无可厚非。

现在,从字母表页面字母“I”开头的转变,就必须使HTML文档,以字母“I”开始在锚栓:

在锚的前代表数字符号,没有它,就信的过渡将无法正常工作。

建立一个网站时,相对寻址

方便创建软件网站最常见的算法:

  • 在您的计算机和它的网站的快速访问的方便位置上的文件夹;
  • 创建主页的文件夹中的index.html;
  • 创建二次网页(index.html的/第2页)的;
  • 创建一个文件夹,并把它在图像文件;
  • 创建一个文件夹,并把它的其他对象(文件下载,例如);
  • 网站内容的填充;
  • 放置在网站上的文件的托管。

一定要用于网站的元素之间的通信链路,并且将知道如何插入到HTML中的超链接到同一网站的另一个页面非常有用。 如果网站驻留在同一台服务器上的同一目录下,就没有必要使用绝对地址。 当传输文件到托管对象之间的联系,该网站仍然存在,因为他们托管和将被放置在同一个目录。

假设一个程序员创造了一个主页index.html的网站,其中有一个链接到另一个页面page2.html,装饰用图片img.png。 然后对图像的相对路径是这样的:

提示:在本课题的研究是最好用的,这是需要获取能力转型地址的拼写正确,并且要学会理解别人的代码的原因简单的文本编辑器。 在这个阶段将是没有错误写在笔记本上的超链接,HTML 不会原谅他们 了良好的效果 ,并给出了一个错误。

方法单击超链接

默认情况下,新页面在当前浏览器窗口打开时,用户点击超链接。 但是,一个Web程序员可以更改默认和强制打开网页,例如,在一个新的窗口。 为此有具有一定的价值目标属性。 没有什么地方可以表达表。

目标属性的值
_blank 在一个新的浏览器窗口中打开页面
_self 在当前窗口中(默认设置)打开的页面
_parent 在父框架中打开页面
_top 使用框架取消所有这些,在目前的浏览器窗口中打开页面

用于应用属性的语法目标:

首页谷歌

首页“谷歌”将打开一个新窗口。

注:在新标签中打开页面,对于这个属性没有值,并通过在浏览器中设置的用户设置。

超链接的颜色

一个有经验的互联网用户随着时间的推移,应该注意到的是,超链接是从周围的文字颜色不同,它们通常是蓝色的。 在他通过,然后又回到了以前的网页链接,是丁香。 在非标准颜色有点HTML中使用超链接,但分配等网站。

设置的链接在所述标记中的属性和它们的值的颜色,这在RGB系统(#00FF00)或与该颜色的名称的直接指示(«绿色»)用作HTML颜色。 有三种类型的链接的属性:

  • 链路 - 定义未访问链接的颜色;
  • 虚连接 - 指定通过它用户已经通过链接的颜色;
  • ALINK - 指定切换到不同的页面时,链接的颜色。 它速度快,所以你不能总是抓住这个效果。

标记实例:

<车身链路=«#330099»ALINK =«#FF0000»的Vlink =«#990066" >

如果您在标签应用这些属性,web文档的参考值将是深蓝色,被访问 - 紫色和主动 - 橙红色。

图形超链接

进步和网页设计的发展需要知道如何在HTML作为图像插入超链接。 很显然,该图片必须与目标网页的内容。 例如,药用植物的主页能在植物的照片的形式呈现,点击,用户会去描述植物的药性的页面。

广泛使用的方法来在由图形编辑器(GIMP时,Photoshop)的网络设计者创建的美丽的图形代替静态按钮()。

要插入图形作为该网站的网页的超链接使用相同的语法,但使用图片代码插入HTML的规则,而不是文本:

标签以相同的方式适用属性指定替代文本,宽度,高度,及其它。

从网站上呼吁

HTML5标准,扩大了利用互联网的功能,现在你可以不仅可以从手机,而是直接从该网站的电话。 为了这个目的,你也可以使用超链接HTML文档中,并且他们的语法如下:

... 派对 ...

取而代之的是字的“当事人”的规定在电话簿直观的来电者接触。 您也可以将图形文件(用户照片)。

这电话都是到现场做,你不仅要有一个参考用户的电话号码,但也安装到您的计算机的VoIP程序耳机(麦克风,耳机),上网速度应该超过0.5 MB /秒。 通话付费取得交通流量。 因此,如果互联网是无限的,该电话是免费的。

伦理创建超级链接

通过将网站在互联网上,网站管理员应该知道什么样的有在HTML超链接,而不是只权专业使用它们,但也坚持以下规定:

  • 该超级链接应该是很容易看到,不同于其周围的文本。 用户必须知道它是 - 一个超链接。
  • 用户应该清楚在那里他将通过单击链接获得。 要做到这一点,最好是使用更多的属性称号,这简要地描述了转换页。 应用属性的语法是:

Yandex的

  • 用户必须获得,当你点击链接有关文件的准确信息将被下载。

一旦不是预期的网页或下载错了文件,用户是最直接的现场留下的99%和从不在将来不下去。

防徐来创建超链接

除了如何在HTML插入超链接的问题的技术方面,应更强调道德方面。 有很多网站,其访问被阻止用户的安全软件(杀毒软件),甚至国家。 这些是已经在不洁的Web程序员手工制作的网站。

一来,他们采取的招数 - 是插入的“隐形”超链接的网页上。 骗子知道如何创建在HTML中的超链接,并使用下划线属性删除链接并给它周围文本的颜色,使普通用户并没有看到她。 并与其他网络技术工具(CSS,JavaScript的,PHP)的帮助下可以编程他们的行为。 例如,的onmouseover JavaScript语言事件激活网页元素的效果。 当用户将光标移动到一个无形的纽带,他会在其他网站上的广告页面。 或者更糟的是,当有一个看不见的链接,他的计算机上的文件,并开始下载并安装不需要的软件。 通常,改变浏览器主页,垃圾硬盘和其他大型活动的病毒。

不久,这些网站落入病毒库,安全性和网民的环境的“黑名单”。 这类网站不会持续很长时间,他们不得不改变他们的名字不断地迁移在互联网上,更改主机提供商。 这是不利于网站的推广,要总是寻求它的创造者,永远不会成功megaportals,比如,例如社交网络。 除其他事项外,这些技巧会导致这些人的行为的受害者许多负面情绪。

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 zhcn.atomiyme.com. Theme powered by WordPress.