Как вставить картинку в HTML и CSS

Этот урок посвящен теме как вставить картинку в HTML и какие стили CSS наиболее часто применяются для изображений. Здесь мы рассмотрим все основные вопросы касаемо вставки и отображения картинки в веб-документе. А также рассмотрим причины почему у некоторых пользователей не отображается картинка в HTML.

Содержание:
0:00:00 Вступление
0:01:14 Как вставить картинку в HTML
0:03:28 Как изменить размер картинки в HTML
0:04:30 Как указать путь к файлу изображения
0:06:55 Как сделать картинку ссылкой
0:07:48 Как поставить на фон картинку
0:08:31 Как установить размер картинки в CSS
0:09:22 Как сделать картинку адаптивной
0:10:18 Как разместить текст на картинке
0:11:23 Как выровнять картинку по центру веб-страницы
0:12:19 Как сделать обтекание картинки текстом
0:13:21 Как выстроить картинки в ряд
0:14:07 Как изменить размер картинки при наведении на неё курсора мыши
0:15:42 Почему не отображается картинка в HTML

[BRILLIANTIC]

Корисне відео! Я якраз зробив панель соц мережами (картинки та посилання) і при наведенні курсори -> вони виїзджають!!!! Дякую!
Від мене рекомендасьйон - забери весь пустий простір на екрані. Сиджу - очі лізуть. Нічого не бачу що ти там робиш :)

[Easycore]

В локальном просмотре картинка и css видны. Но по ссылке ничего кроме текста нет. Что можно сделать?

[bhhgjnr]

Розмір шрифта занадто малий для перегляду.

[denishryszko]

Я тут один что ли с проблемой сохранения любой картинки с цифро-буквами без расширения... А без расширения в конце Вижуал Студио не отображает картинку.

[jokerharley]

вообще не понятно почему ccs используешь вместе с хтмл это путает нас раздели по отдельности в одном пиши хтмл а в одном сс что бы было понятно а так вы слишком запутанно