html超链接中的文字链接,链接添加提示文字,新页面打开效果怎么写,如何实现?

作者:IT技术 | 时间:2018-10-25

html超链接中的文字链接,链接添加提示文字,新页面打开效果怎么写,如何实现?

HTML使用标签 <a>来设置超链接。所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个文件,甚至是一个应用程序。

默认情况下,链接在浏览器中效果:

一个未访问过的链接显示为蓝色字体并带有下划线

访问过的链接显示为紫色并带上下划线

点击链接时,链接显示为红色并带上下划线

文字链接(给你文字添加链接)

语法:

<a href="url">链接文本</a>

实例:

<a href="https://www.baidu.com/">百度</a>

比如你的index.html和page.html在同一个目录下

<a href="page.html">page</a>

给链接添加提示文字

超级链接的文字不足以描述所要链接的内容,超级链接标签提供了title属性能很方便地给浏览者做出提示。title属性的值即为提示内容

实例代码:

<html>

<head>

  <title>超级链接的设置</title>

</head>

<body>

<font size="5">

<a href="ul_ol.htm" target="_blank" title="读者你好,现在你看到的是提示文字,单击本链接可以新开窗口跳转到ul_ol.htm页面。">进入列表的设置页面</a>

</font>

</body>

</html>

新页面打开

默认情况下,超级链接打开新页面的方式是自我覆盖。会在当前页面打开网页。

超级链接标签提供了target属性进行设置

_self(自我覆盖,默认)

_blank(创建新窗口打开新页面)

_top(在浏览器的整个窗口打开,将会忽略所有的框架结构)

_parent(在上一级窗口打开)。