Member 12803039 Ответов: 3

Ребята у меня проблема с тегом img пожалуйста помогите

Привет ребята,
Мой HTML-код ниже, я пытаюсь включить это изображение на свой сайт, но оно не работает. Он просто показывает "x", и все. Я перепробовал так много разных видео на youtube, но ни одно из них не сработало. Не могли бы вы, ребята, предложить это сделать? Есть ли настройка в браузере, которая блокирует все это?.. Я просто хотел бы заявить, что у меня есть мой img В папке на моем рабочем столе под названием "Мой веб-сайт", а затем внутри этой папки находится папка" HTML", в которой есть мой "index.html" в которой есть моя папка "изображения", которая, конечно же, содержит мое изображение.
Я понимаю, что html чувствителен к регистру, поэтому, пожалуйста,если вы можете помочь, я буду Вам благодарен!
Я просто хотел бы, чтобы все знали также, что мой учитель загрузил свой index.html в качестве примера для нас на сайте. Но все равно он дает мне этот "х". Ниже приведен мой код, если это поможет: еще раз большое вам спасибо.
<!DOCTYPE HTML>
<html>
    <head>
        <title>My first website</title>        
<meta http-equiv="My website" content="text/html; charset=uft-8"/>
    </head>  
    <body>
	<img src="Images/flightsiminside.jpg" height="267" width="400"/>
    <div>
	<header>
	   <h1>My Website</h1>
        </header>
    </div>
    </body>   
</html>


Что я уже пробовал:

- Ютьюб
- Исследуемый
- Проверил мой код
- Измененные каталоги
- Измененные изображения

3 Ответов

Рейтинг:
2

OriginalGriff

Ваш код работает и отображает изображение для меня, при условии, что HTML-файл находится в нужном месте. Он должен быть в той же папке, что и подкаталог Images, и папка Images должна содержать файл "flightsiminside.jpg" который должен быть действительным файлом изображения.

Проверь все это и посмотри, что получится. Как я уже сказал, ваш код, вставленный в новый HTML-файл, отлично работает для меня.

Member 12803039

Спасибо за ваш ответ. По крайней мере, теперь я знаю, что мой код работает правильно. Я проверил все ваши предложения, но по-прежнему ничего. Я думаю, что, возможно, потребуется включить настройку в моем браузере, не так ли? Я работаю на своем Microsoft edge..

Рейтинг:
2

Ali Majed HA

Привет
У вашего кода нет проблем. постарайтесь убедиться, что источник находится в вашем проекте. если вы хотите выйти из папки в вашем проекте, вам нужно написать "../" для каждой папки, чтобы вернуться из were you are. или вы можете перетащить изображение на HTML-страницу в Visual Studio, оно автоматически обратится к источнику.
надеюсь, это сработает

Рейтинг:
1

W∴ Balboos, GHB

Вот как это все делается: HTML-изображения[^]

Имея это в виду, вы также должны смотреть в CSS (CSS3, в наши дни), как высота и с атрибутами работают, но не являются способом делать вещи < img style= ' height:267px; width:400px;'>

Тем не менее, наиболее распространенной проблемой с изображениями, которые не отображаются, является либо (1) неправильное написание имени файла, либо (2) отсутствие правильного пути к изображению.

Кроме того, HTML не чувствителен к регистру. Однако имена файлов и пути к ним могут быть разными в зависимости от операционной системы и типа сервера, на котором размещен ваш веб-сайт.