HTML语言的图片引用格式

HTML语言中可以使用相对路径和绝对路径来引用图片

方法一:相对路径

    相对路径是相对于当前HTML文件的路径。例如,如果图片文件与HTML文件在同一目录下,可以直接使用文件名来引用图片。其中,src 属性是图片文件的路径,alt 属性是图片的描述文字

<img src="image.jpg" alt="Description of image">

    如果图片文件位于当前HTML文件的上一级目录下,可以使用 ../ 来表示上一级目录。

<img src="../images/image.jpg" alt="Description of image">

方法二:绝对路径

    绝对路径是指图片文件在服务器上的完整路径。例如,可以使用完整的URL来引用图片。

<img src="https://www.example.com/images/image.jpg" alt="Description of image">

     

    无论使用相对路径还是绝对路径,都需要确保路径是正确的,并且图片文件是存在的。如果其中一种方法经常报错,可以使用另一种方法,不要浪费大量时间在一个问题上(血的教训)。

               从网络学习到的一种:将图片与连接绑定到一块。

复制代码
<!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>Document</title>
</head>


<body>
    <a href="http://www.4399.com" target="_blank"><img src="../2.png" title="下载游戏" width="100"></a>
</body>

</html>
复制代码

 

              

    

本文作者:VivianMarie

本文链接:https://www.cnblogs.com/Vivianmaire/p/17734657.html

版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。

posted @   VivianMarie  阅读(526)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示
💬
评论
📌
收藏
💗
关注
👍
推荐
🚀
回顶
收起
  1. 1 404 not found REOL
404 not found - REOL
00:00 / 00:00
An audio error has occurred.