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:// ”,默认为当前网页所在目录。