html 图像 img 标签

最新推荐文章于 2024-09-26 23:39:18 发布

从零开始的智障生活

最新推荐文章于 2024-09-26 23:39:18 发布

阅读量1.4k

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/qq_34028001/article/details/104005763

版权

本文介绍了HTML中的<img>标签，详细讲解了src、alt、width & height等属性的用途，并提供了设置图片链接和创建图像映射的实例。在现代HTML中，align属性已被CSS替代，推荐使用CSS进行布局。

摘要由CSDN通过智能技术生成

文章目录

HTML img标签属性

<img>图片标签的属性，有src，alt，width，height，其中源属性src需要注意。

src

源属性src的值是图像的URL地址。

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>html结构</title>
    </head>
    <body>
    	<p>图片所在文件夹与html文件在相同目录下</p>
    	<img src="image/窗边少女.jpg" alt="" width="200" height="100" />
    	<p>图片与HTML文件在相同目录下</p>
    	<img src="bd_logo1.png" width="200" height="100" />
    	<p>图片与HTML文件所在文件夹在相同目录下</p>
    	<img src="./image/海边女孩.jpg" width="200" height="100" />
    	<p>图片所在文件夹image2与HTML文件所在文件夹html在相同目录下</p>
    	<img src="../image2/海边女孩.jpg" width