Блог

Главная - Вопросы по программированию - Почему не отображается простой html-тег img?

Почему не отображается простой html-тег img?

#html

#HTML

Вопрос:

Я программирую в html и использую блокнот. Кажется, все работает правильно, однако, когда я пришел, чтобы добавить свое изображение, оно не появляется, есть только X, который я использую Microsoft Edge, и изображение помещается в папку с именем «Мой веб-сайт», а затем помещается в папку с именем «изображения». Почему ниже приведен мой исходный код: 

 <!DOCTYPE HTML>
<html>
    <head>
        <title>My Website</title>
        <meta http-equiv="firstwebsite" content="text/html; charset=uft-8"/>
    </head>  
    <body>
         <img src="flight.jpg" width="400px" height="300px"/>
    <div>
    <header>
          <h1>Welcome to my website</h1>
    </header>
    </div>
    </body>   
</html>

Комментарии:

1. src="images/flight.jpg" ?

2. Я только что попробовал это, он добавил большое пространство, я думаю, это сработало. Но Microsoft Edge его не поддерживает. Вы рекомендуете мне использовать другой веб-браузер

3. Не проблема совместимости с браузером. Но в любом случае просто попробуйте

4. Конечно, Edge поддерживает его

5. Проверьте ширину / высоту изображения .. возможно, это добавляет больше места, чем необходимо.

Ответ №1:

Вам необходимо указать местоположение папки вашего тега изображения. Если вам не нужен размер фотографии определенного размера, вам не нужна ширина / высота. Также неплохо включить alt атрибут в свой тег изображения, если изображение загружается неправильно.

   <!DOCTYPE HTML>
    <html>
        <head>
            <title>My Website</title>
            <meta http-equiv="firstwebsite" content="text/html; charset=uft-8"/>
        </head>  
        <body>
             <img src="images/flight.jpg" alt="image"/>
        <div>
        <header>
              <h1>Welcome to my website</h1>
        </header>
        </div>
        </body>   
    </html>