2.5.1-HTML标签（img）-网页中插入图像

MXLS

已于 2023-03-16 17:08:00 修改

阅读量329

点赞数

分类专栏： Web前端开发文章标签： html Powered by 金山文档

于 2023-03-12 14:13:42 首次发布

本文链接：https://blog.csdn.net/ikun_King/article/details/129474753

版权

Web前端开发专栏收录该内容

8 篇文章 0 订阅

订阅专栏

图像格式

常见格式：

.jpg有损压缩，色彩丰富

.gif简单动画

.png无损压缩/有损压缩，支持透明

插入图像img标签-单标签

绝对路径与相对路径

绝对路径：以根目录为基准

相对路径：以该文档所在的位置为基准

注意点：

通常将图片放置于images文件夹中

如：<img src = "images/logo.gif" />

..-英文状态下的2个点表示上一级文件夹

如：<img src = "../logo.gif" />

如：<img src = "../images/logo.gif" />

案列：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>吾皇</title>
</head>
<body>
    <h1>吾皇万睡</h1>
    <p>吾皇</p>
    <p>巴扎黑</p>
    <p>M</p>
    <h2>吾皇</h2>
    <img src="../images/wuhuang.png" alt="">
</body>
</html>