网站首页 > 知识剖析正文

HTML中图像标签img

nixiaole 2025-01-07 14:50:46 知识剖析 13 ℃

我们平时在浏览网站的过程中如果只有文字的话难免会有些太单调了，并且看文字多了眼睛也会比较难受，这时我们想要让我们的网页更漂亮更吸引人眼球，那么肯定少不了精美的图片来进行点缀，这就用到了今天我要教给大家的图像标签img。

src：图片的路径这个是必须要有的

title：当我们把鼠标移动到图片上展示的文本内容

alt：当图片的路径错误或图片有问题时浏览器无法识别渲染的情况下展示的文本内容

width：设置图片的宽度

height：设置图片的高度

<!DOCTYPE html>

<head>

</head>

<body>

<pre>

../:代表上一级目录

../../：上上级目录

当前目录中的文件夹下使用：文件夹名称/图片名称

上n级目录下的n级文件夹：n个../+n个文件夹的名称直到找到图片文件为止

</pre>

<img src="img/章泽天.png" title="这是同一目录中文件夹下的图片"><img src="../田馥甄.png" width="350"

height="300" title="这是上一级目录中的图片">

</body>

</html>

以上就是img图片标签的简单应用