html3 图片

flyzer

于 2021-04-08 22:03:48 发布

阅读量56

点赞数

分类专栏： HTML CSS JavaScript 文章标签： HTML 图片路径相对路径绝对路径网络地址

本文链接：https://blog.csdn.net/flyzer/article/details/115532864

版权

HTML CSS JavaScript 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title> 我的页面 </title>
    <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>Document</title>
</head>
    <img src="image.png" width="200">   <!--图片与html在同一级路径-->
    <br />
    <img src="img/image.png" width="200">   <!--图片在html下一级路径-->
    <br />
    <img src="../image.png" width="200">   <!--图片在html上一级路径-->
    <br />
    <!--上面三个是相对路径，重点记住相对路径。下面两个是绝对路径-->
    <img src="D:\VSCode\练习前端写的代码\image.png" width="200">  <!--这个很少用到-->
    <br />
    <img src="https://iknow-pic.cdn.bcebos.com/e824b899a9014c0886ec2db60c7b02087af4f4ca" width="200">   <!--完整的网络地址-->
</body>
</html>