HTML中 怎么插入图片链接? 图片是本地电脑上怎么写路径?
HTML中 怎么插入图片链接使用a标签和img标签,示例:
<a href=''><img src='/image/aaa.jpg'></a>
其中<a></a>标签代表链接,<img>标签放在<a></a>里面表示图片链接,img的属性src='/image/aaa.jpg'表示了图片的路径,/image/aaa.jpg是本地电脑的图片地址。
扩展资料
html中<a>标签用法介绍:
链接的 HTML 代码类似这样:
<a href="url">Link text</a>href 属性规定链接的目标。
开始标签和结束标签之间的文字被作为超级链接来显示。
实例<a href="url/">Visit W3School</a>上面这行代码显示为:Visit W3School
点击这个超链接会把用户带到 W3School 的首页。
提示:"链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。
HTML 链接 - target 属性使用 Target 属性,你可以定义被链接的文档在何处显示。
下面的这行会在新窗口打开文档:
<a href="http://url/" target="_blank">Visit W3School!</a>
使用img元素来插入图片,具体代码如下
<img src="(图片路径)/(图片名称).jpg" alt="(如果图片无法显示,浏览器就会使用这段文字进行替代)" title="(鼠标悬停图片上面所显示的文字,如果不需要请删除title属性)" />
把图片和html文件放在同一文件夹下面路径留空,直接输入文件名,比如:src="xxx.jpg"
<img src="图片路径" alt="图片描述" title="标题" />