阅读(1492) (1)

XHTML高级教程-URL

2018-02-05 20:00:15 更新

像HTML一样,XHTML由于不同的文档可以链接在一起,变得更加强大。在此工具的帮助下,文本或图像可以链接到文档的任何部分或文档的部分。浏览器使用颜色或下划线突出显示标识的文本或图像,以指示它是超链接。点击该超链接即会打开一个新文档。

链接是在以下标签的帮助下完成的:

锚标签


锚标签由<a>表示。锚点是一段文本或其他一些对象(如图像)来标记超文本链接的开始和/或结束。它用于通过使用“href”属性创建到其他文档的链接。

XHTML的锚标签类似于HTML的锚标签。HTML中锚标签的所有属性也适用于XHTML。锚标签本身不起作用,它必须通过以下属性进行增强:

Href

Href代表超文本引用。文件的地址或网站的地址是在href属性中输入的。该地址是网页链接到的那个文件的地址。

代码示例:

<p>这个超链接将带你到网站<A href= "http://expertrating.com/" >zijiebao在线教程</A></p>

效果展示:

这个超链接将带你到网站zijiebao在线教程


目标

目标属性指定目标URL应该打开的位置。它占用了各种值,它们是:

  • _Blank
目标文件将在新窗口中打开。
代码示例
<p>这个超链接将带你到网站<A href= "https://www.zijiebao.com" target=”_blank”>zijiebao在线教程</A>。它将在新窗口中打开。</p>

展示效果:

这个超链接将带你到网站zijiebao在线教程。它将在新窗口中打开。

以下示例创建一个网页,其中包含指向网站的链接:

<html>
<head>
<title> W3Cschool在线教程 </title>
</head>
<body>
<h1>WEB前端开发教程 </h1>
<ul>
<li>HTML教程 </li>
<li>XHTML教程 </li>
<li>CSS教程</li>
</ul>
<hr/>
<ol>
<li>技术教程</li>
<li>开发文档</li>
<li>编程微课</li>
</ol>
<hr/>
<A A href="https://www.zijiebao.com/" target="_blank"> 跳转到zijiebao.com </A>
</body>
</html>

在浏览器中展示效果:



这个页面的背景是白色的。这是因为在这个例子中没有应用样式表。样式表使网页能够进行大量的格式化。

点击示例中的超文本链接“跳转到到zijiebao.com”会跳转到网站www.zijiebao.com,如下图。