html 编写链接

2025-11-05 12:45:59

1、链接将以以下形式出现在浏览器中:

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

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

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

2、HTML 链接语法

链接的 HTML 代码很简单。它类似这样::

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

3、HTML 连接- id 属性

id属性可用于创建在一个HTML文档书签标记。

提示: 书签是不以任何特殊的方式显示,在HTML文档中是不显示的,所以对于读者来说是隐藏的。

实例

在HTML文档中插入ID:

<a id="tips">目的地</a>

在HTML文档中创建一个链接到"有用的提示部分(id="tips")":

<a href="#tips">跳转到目的地</a>

4、HTML 链接 - target 属性

使用 Target 属性,你可以定义被链接的文档在何处显示。

下面的这行会在新窗口打开文档:

实例

<a href="http://www.baidu.com/" target="_blank">链接文本</a>

target=_top 当前窗口打开

5、编写图片链接,跳转到百度:

<!DOCTYPE html><html>

<head><title>hello world</title></head><body>

创建图片链接:<a href="http://www.baidu.com"><img src="cloud.png" alt="HTML 教程

</body></html>

下图是运行效果,把鼠标放到图片上可以看到要跳转的网址,单击图片会新打开一个窗口跳转到百度页面。

html 编写链接

6、当前页面链接到指定位置:

<!DOCTYPE html><html><body>

<a href="#C4">跳转到第四段</a>

<h2>第一段</h2>这是第一段

<h2>第二段</h2>这是二段

<h2>第三段</h2>这是第三段

<h2><a id="C4">第四段</a></h2>这是第四段

<h2>第五段</h2>这是第五段

<h2>第五段</h2>这是第五段

<h2>第六段</h2>这是第六段

<h2>第七段</h2>这是第七段

<h2>第八段</h2>这是第八段

<h2>第九段</h2>这是第九段

<h2>第十段</h2>这是第十段

<h2>第十一段</h2>这是第十一段

</body></html>

单击跳转到第四段,回滚动到第四段,如下图:

html 编写链接

html 编写链接

7、单击链接,覆盖当前页面:

<!DOCTYPE html><html>

<body>

在当前页面显示? <a href="http://www.baidu.com" target="_top">单击我吧</a>

</body></html> 

html 编写链接

html 编写链接

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢