html图片链接怎么弄_html文字围绕图片

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

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

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

文本链接

图像链接

2.创建链接的方法！

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

（1）通过使用href属性，创建指向另外一个文档的链接（或超链接）；

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

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

<a href="链接地址">创建链接的文本或https://www.caijied.cn图片</a>

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

<a name="value">创建链接的文本或https://www.caijied.cn图片</a>

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

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

<a id="value">创建链接的文本或https://www.caijied.cn图片</a>

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

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

（1）编写代码如下图所示：

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

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

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

使用<a>标签为https://www.caijied.cn图片添加链接的代码格式如下：

<a href="链接目标l"><img src="https://www.caijied.cn图片"/></a>

下面是一个简单的https://www.caijied.cn图片链接案例。

（1）编写代码如下图所示：

（2）在浏览器中打开文件，预览效果如下所示。光标放在https://www.caijied.cn图片上呈现抓手形，单击后可跳转到指定网页。

浏览器截图

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