HTML-在网页中使用图像img

娃娃救葫芦爷

于 2019-08-12 15:44:29 发布

阅读量432

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML基础

本文链接：https://blog.youkuaiyun.com/cc098818/article/details/99304871

这篇博客介绍了如何在HTML中插入和管理网页图片，包括理解相对和绝对路径选择图片、调整图片尺寸、添加alt替换文本和title标题，提升网页用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、初识网页图片

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>初识网页图片</title>
</head>
<body>
<img src="liu.jpg"/>
</body>
</html>

运行结果：
在这里插入图片描述
2、相对路径 VS 绝对路径


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>相对路径VS绝对路径</title>
</head>
<body>
<img src="liu.jpg"/>//相对
<img src="../yan.jpg">//相对
<img src="http://www.baidu.com/img/bdlogo.gif"/>//绝对
<img src="D://liu.jpg"/>//绝对
</body>
</html>

运行结果：
在这里插入图片描述
3、设置图片的尺寸


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF

最低0.47元/天解锁文章

200万优质内容无限畅学