how to display an image in html-CodePudding

hello I can't make my image appear on my html I use the img tag with the src attribute by giving it the right path (https://i.stack.imgur.com/BUxFh.png)com/OCXMU.png) can y'all help me i try to use a relative path , and to move my picture in the same folder but it doesn't changed anythingenter image description here

CodePudding user response：

index.html

<!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>
    <img src="https://i.stack.imgur.com/BUxFh.png" alt="">
</body>
</html>

CodePudding user response：

This is what I would do if I had the same problem:

<img src="/img/instagram.png" alt=""> <!-- removes . -->

Or:

<img src="https://some.website/some_image.png" alt="">

CodePudding user response：

if you have an external image, the code below will work
<img src="https://i.stack.imgur.com/BOCXMU.png" alt="image-alt">

if you have an image in the same directory as your html file
<img src="instagram.png" alt="image-alt">