首页 > 程序开发 > web前端 > HTML教程 > HTML实例/测验/总结 >

HTML 链接

2016-01-29

创建超级链接源代码本文本< a> 是一个指向本网站中的一个页面的链接。< p>

创建超级链接
源代码

本文本 是一个指向本网站中的一个页面的链接。

本文本 是一个指向万维网上的页面的链接。

运行结果
\
将图像作为链接
源代码

创建图片链接: HTML 教程

无边框的图片链接: HTML 教程

运行结果
\
在新的浏览器窗口打开链接
源代码

访问 w3cschool.cc!

如果你将 target 属性设置为 "_blank", 链接将在新窗口打开。

运行结果
\
链接到同一个页面的不同位置
源代码

See also Chapter 4.

Chapter 1

This chapter explains ba bla bla

Chapter 2

This chapter explains ba bla bla

Chapter 3

This chapter explains ba bla bla

Chapter 4

This chapter explains ba bla bla

Chapter 5

This chapter explains ba bla bla

Chapter 6

This chapter explains ba bla bla

Chapter 7

This chapter explains ba bla bla

Chapter 8

This chapter explains ba bla bla

Chapter 9

This chapter explains ba bla bla

Chapter 10

This chapter explains ba bla bla

Chapter 11

This chapter explains ba bla bla

Chapter 12

This chapter explains ba bla bla

Chapter 13

This chapter explains ba bla bla

Chapter 14

This chapter explains ba bla bla

Chapter 15

This chapter explains ba bla bla

Chapter 16

This chapter explains ba bla bla

Chapter 17

This chapter explains ba bla bla

运行结果
\
跳出框架
源代码

Locked in a frame?

Click here!

运行结果
\
创建电子邮件链接
源代码

This is an email link: Send Mail

Note: Spaces between words should be replaced by %20 to ensure that the browser will display the text properly.

运行结果
\
创建电子邮件链接 2
源代码

This is another mailto link: Send mail!

Note: Spaces between words should be replaced by %20 to ensure that the browser will display the text properly.

运行结果
\
实例解析

HTML 链接


HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。


HTML 超链接(链接)

HTML使用标签 来设置超文本链接。

超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。

在标签 中使用了href属性来描述链接的地址。

默认情况下,链接将以以下形式出现在浏览器中:


HTML 链接语法

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

href 属性描述了链接的目标。.

Example

上面这行代码显示为:: Visit W3CSchool

点击这个超链接会把用户带到 W3CSchool 的首页。

提示: "链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。


HTML 链接 - target 属性

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

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



HTML 连接- id 属性

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

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

实例

在HTML文档中插入ID:

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

或者,从另一个页面创建一个链接到"有用的提示(id="tips")部分":



基本的注意事项 - 有用的提示

Note: 注释:请始终将正斜杠添加到子文件夹。假如这样书写链接:href="http://www.w3cschool.cc/html",就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href="http://www.w3cschool.cc/html/"。


HTML 链接标签

标签 描述
定义一个超级链接

相关文章
最新文章
热点推荐