初学HTML用法大全指导(四)html中超链接的建立与使用_html怎么给字体放链接-优快云博客

本文链接：https://blog.youkuaiyun.com/u013132035/article/details/54143220

上一篇博客我们讲了html脚本语言中最常见到的表格标签的使用方法，这篇博客我们来聊一聊html脚本语言中最长用到的超链接的建立以及使用的方法。超链接在我们平常上网也经常用到，比如你喜欢某个网页标题，然后点击进去就用到的是文字超链接，一些女生喜欢购物，在登录进去某猫或者某狗网站，看到悬挂着精美减价大处理图片，点击图片就进入到我们想到的物品网页，这就是我们常说的图片链接。好了现在我们就来详细说说这些超链接。

1：文字超链接。标签为<a href="网址/网页">文本文字</a>，这样我们点击文本文字网页就跳转至href属性赋给的网址或者网页地址。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文字超链接</title>
</head>
<body>
<a href="https://www.baidu.com"><b>百度网页</b></a><br/>
<hr>
<a href="demo01.html"><b>自定义网页</b></a>
</body>
</html>

2：设置图片超链接。设置图片超链接就是把原来<a href="网址/网页">文本文字</a>标签中的文本文字变成<img />标签即可，这样就设置成为了图片超链接。如下述例子：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>设置图片超链接</title>
</head>
<body>
<a href="https://www.baidu.com"><img src="baidu.png" height="100" width="200"/></a>
<hr>
<a href="https://www.tmall.com"><img s