小白教程

 找回密码
 立即注册
小白教程 首页 Html编程教程 查看内容

创建超链接

发布者: 小白教程

超链接非常重要-它们使Web成为Web本文介绍了建立链接所需的语法,并讨论了链接最佳实践。

先决条件:基本的HTML熟悉程度,如HTML入门中所述HTML文本格式,如HTML文本基础知识所述
客观的:学习如何有效地实现超链接,以及将多个文件链接在一起。

超链接是网络必须提供的最令人兴奋的创新之一。从一开始,它们就一直是Web的功能,也是使Web成为Web的原因。超链接允许我们将文档链接到其他文档或资源,链接到文档的特定部分,或使应用程序可在网址上使用。几乎所有的Web内容都可以转换为链接,以便在单击或以其他方式激活后,Web浏览器可以转到另一个Web地址(URL)。

注意:URL可以指向HTML文件,文本文件,图像,文本文档,视频和音频文件,或Web上存在的任何其他内容。如果网络浏览器不知道如何显示或处理文件,它将询问您是否要打开文件(在这种情况下,打开或处理文件的职责会传递给设备上合适的本机应用程序)或下载文件(在这种情况下,您可以稍后再尝试处理)。

例如,BBC主页包含许多链接,这些链接不仅指向多个新闻报道,而且指向站点的不同区域(导航功能),登录/注册页面(用户工具)等等。

bbc.co.uk的首页,显示了许多新闻,以及导航菜单功能

基本链接是通过包装文本或其他内容来创建的,请参阅元素内的块级链接<a>并使用包含网址href属性(也称为超文本引用)或target

<p>I'm creating a link to
<a href="https://www.mozilla.org/en-US/">the Mozilla homepage</a>.
</p>

这给我们以下结果:

我正在创建指向Mozilla主页的链接

添加带有标题属性的支持信息

您可能要添加到链接中的另一个属性是title标题包含有关链接的其他信息,例如页面包含的信息类型或网站上应注意的事项。

<p>I'm creating a link to
<a href="https://www.mozilla.org/en-US/"
   title="The best place to find more information about Mozilla's
          mission and how to contribute">the Mozilla homepage</a>.
</p>

这给了我们以下结果,将鼠标悬停在链接上会显示标题作为工具提示。

我正在创建指向Mozilla主页的链接

注意:链接标题仅在鼠标悬停时显示,这意味着依靠键盘控件或触摸屏浏览网页的人将难以访问标题信息。如果标题的信息对于页面的可用性确实很重要,则应以所有用户都可以访问的方式显示标题,例如,将其放在常规文本中。

使用本地代码编辑器和我们的入门模板创建HTML文档

  • 在HTML正文中,添加一个或多个段落或您已经知道的其他类型的内容。
  • 将某些内容更改为链接。
  • 包括标题属性。

如前所述,几乎所有内容都可以做成链接,甚至块级元素也可以如果您有要链接<a>的图像,请使用元素,并使用该元素引用图像文件<img>

<a href="https://www.mozilla.org/en-US/">
  <img src="mozilla-image.png" alt="mozilla logo that links to the mozilla homepage">
</a>

注意:在以后的文章中,您将找到有关在Web上使用图像的更多信息。

上一篇:CSS3 圆角下一篇:测试你的技能!

Archiver|手机版|小黑屋|小白教程 ( 粤ICP备20019910号 )

GMT+8, 2024-9-20 10:25 , Processed in 0.020881 second(s), 18 queries .