HTML网页制作:如何给图片添加超链接

html-css010

HTML网页制作:如何给图片添加超链接,第1张

01

要给图片添加超链接也很简单,我们在html里先添加一个图片标签,img,

02

然后用超链接a标签将图片标签包围。

03

然后再为超链接标签添加href属性,指定链接的目标网址。

04

如上设置后,就可以了,在浏览器上打开,点击图片就会跳转到对应的网址的。

1、首先,打开html编辑器,新建1个.html文件,例如:index.html。

2、在index.html中的<body>与</body>中,输入html编码:<img src="img/image.jpg" />。

3、之后浏览器进到index.html页面,此时发现页面成功引入了上一级文件夹img中的图片文件image.jpg。

在一个<a>标签中加上一个<img>标签内容,即可让该<img>拥有一个超链接。然后可以在后面继续写文字,此文字就会显示成超链接,点击该文字即可进入超链接。下面实例:

<a href="www.baidu.com">

<img border="0" src="/i/eg_buttonnext.gif" /></a>

扩展资料

格式标志标签:

<p></p>创建一个段落 (英文全称:Paragraphs)

<p align="">将段落按左、中、右对齐

<br/>定义新行

<blockquote></blockquote>从两边缩进文本。

<dl></dl>定义列表(英文全称:DefinitionList)。

<dt>放在每个定义术语词前(定义术语、英文全称:DefinitionTerm)。

<dd>放在每个定义之前(定义说明、英文全称:DefinitionDescription)。

<ol></ol>创建一个标有序的列表,默认前面有数字,从数字“1”开始计数,依次叠加,也可以设置为字母或从任何自然数开始计数的列表项。

参考资料

HTML-百度百科