Здравствуйте, уважаемые подписчики и гости канала «Советы в Дзен»! В этом уроке мы расскажем, как вставить тег изображения в код вашей html страницы.
Мы подготовили простой видео-урок для начинающих (выше), посмотрев который вы быстро разберетесь, какой код необходимо прописать, для размещения какого-либо изображения в вашем html документе.
Если что-либо в нашем видео-уроке будет непонятно, задавайте вопросы в комментариях, мы обязательно ответим!
Итак, чтобы вставить картинку в html файл, необходимо сделать следующее:
1. Открываем, или создаем новый html файл. Вы можете воспользоваться любым текстовым (блокнот), или html-редактором. Мы, для удобства воспользуемся Adobe Dreamweaver.
2. Если вы используете для создания обычный блокнот, вам необходимо вручную переписать начальный код html странички. Для удобства разместим его в конце статьи. И после завершения работы сохранить его, указав названиефайла.html
3. Тег изображения img мы будем размещать между тегами body
4. Прописываем код. Начнем с адреса, где указан путь к нашей картинке на локальном диске, либо ее адрес в интернете img src="адрес.картинки/картика.jpg". Обратите внимание! Для корректного отображения вашей странички в интернете, ссылок на ваши локальные диски быть не должно! Все картинки должны быть загружены на ваш хостинг и именно на них должны вести ссылки в вашем html документе.
5. Можем дополнительно задать атрибуты тега img. Зададим ширину картинки (width), ее высоту (height), также можем задать обводку, указав ее толщину (border).
6. Не забудьте сохранить ваш html файл.
Подробнее о тегах и их атрибутах мы расскажем в наших новых видео-уроках.
Готово, теперь вы знаете как вставить картинку в html файл.
Начальный код html странички:
<html>
<head>
<meta charset="utf-8">
<title>Название вашей странички</title>
</head>
<body>
</body>
</html>
#html #тег #обучение #урок #картинка #изображение #вставить #код #img