前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

HTML创建超文本与图片链接!(html文字超链接怎么做)

1.什么是文本和图像链接!

浏览网页时,会看到一些带下划线的文字。,将光标移到文字上时,光标将变成手形,单击会打开一个网页,这样的链接就是文本链接。

在网页中浏览内容时,若将光标移到图像上,光标会变成手形,单击会打开一个网页,这样的链接就是图像链接。

文本链接

图像链接

2.创建链接的方法!

使用<a>标签可以实现网页超链接,但<a>标签需要定义锚来指定链接目标。锚(anchor)有两种用法,介绍如下:

(1)通过使用href属性,创建指向另外一个文档的链接(或超链接);

(2)通过使用name和id属性,创建一个文档内部的书签(也就是说,可以创建指向文档片段的链接)。

使用href属性的代码格式如下:

<a href="链接地址">创建链接的文本或图片</a>

使用name属性的代码格式如下:

<a name="value">创建链接的文本或图片</a>

name属性用于指定锚(anchor)的名称,可以创建(大型)文档内的书签。

使用id属性的代码格式如下:

<a id="value">创建链接的文本或图片</a>

3.创建网页内的文本链接!

创建网页内的文本链接主要使用href属性来实现,如在网页中做一些知名网站的友情链接,具体操作方法如下。

(1)编写代码如下图所示:

(2)在浏览器中打开文件,预览效果如下所示,可以看到带有超链接的文本呈现浅紫色。

小提示:链接地址前的“http:// ”不可省略,否则会出现错误提示。

4.创建网站内的图像链接!

使用<a>标签为图片添加链接的代码格式如下:

<a href="链接目标l"><img src="图片"/></a>

下面是一个简单的图片链接案例。

(1)编写代码如下图所示:

(2)在浏览器中打开文件,预览效果如下所示。光标放在图片上呈现抓手形,单击后可跳转到指定网页。

浏览器截图


小提示:文件中的图片要和当前网页文件在同一个目录下,链接的网页没有加“http:// ”,默认为当前网页所在目录。

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言