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>

 

              

　　　　

posted @ 2023-09-27 23:30  VivianMarie  阅读(781)  评论(0)    收藏  举报