Посмотреть все уроки курса
Выбрать другой урок из курса
Поиск по сайту
Теория урока

39. Что такое изображения в HTML

@codebra_official
Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ

Ранее вы изучили атрибуты ссылок в HTML. Настало время поработать с изображениями.

Как добавить изображение на сайт?

Для отображения изображений на сайте, используют тег <img>. Адрес картинки указывается атрибутом src.

Примечание

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

Изображения часто используются в верстке. Картинка может быть фоном сайта или отдельного блока, или же таблицы и т.д. В следующих уроках вы познакомитесь с атрибутами и применением картинки.

Далее пример добавления изображения на веб-страницу:

Пример (html)
<img src = "/img/site/logo.png"> 

В этом уроке кратко познакомились с тегом <img> и научились добавлять изображения на веб-страницу. В следующем уроке научимся выравнивать изображения с помощью HTML.

Похожие уроки Codebra

@codebra_official
Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ
Курс по Python от CodebraЗнакомство с Python
Первое знакомство с PythonЗнакомство с Python
Что такое язык HTMLЗнакомство с HTML
Перечисление информации с помощью enum4linux и rpcclientРазведка и сканирование
Переменные и комментарии в PythonЗнакомство с Python
Что такое HTML-формаФормы в HTML
Установка Kali Linux на виртуальную машину VMwareЗнакомство и подготовка
Что такое таблица в HTMLТаблицы в HTML
Внутреннее устройство и сортировка словаря в PythonЗнакомство с Python
Раздел «Изображения в HTML»
УРОК 39. 1. Что такое изображения в HTML
Вы здесь
40. УРОК: 2. Выравнивание изображений при помощи HTML
41. УРОК: 3. Ширина, высота, рамка у изображений в HTML
42. ПРАКТИКА: 4. Добавляем рамки изображениям
43. УРОК: 5. Альтернативный текст и группировка элементов тегом figure в HTML
44. ТЕСТ: 6. Тест по разделу «Изображения в HTML»
Другие разделы
Раздел 1. Знакомство с HTML
Раздел 2. Разметка текста в HTML
Раздел 3. Ссылки в HTML
Раздел 5. Таблицы в HTML
Раздел 6. Формы в HTML
Раздел 7. HTML5
Раздел 8. Остальное
Раздел 9. Знакомство с CSS
Раздел 10. Селекторы в CSS
Раздел 11. Структура и каскад
Раздел 12. Единицы измерения
Раздел 13. Шрифт
Раздел 14. Свойства текста
Раздел 15. Форматирование
Раздел 16. Отступы, рамки, поля
Раздел 17. Цвета и фон
Раздел 18. Позиционирование
Раздел 19. Верстка таблиц
Раздел 20. Списки
Раздел 21. Анимация
Раздел 22. Знакомство с Flexbox
Раздел 23. Практика с htmlbook.ru
Раздел 24. Элементы сайта
Впервые на сайте Codebra?

Извините за это всплывающее окно, меня они тоже раздражают.

Образовательный ресурс codebra.ru полностью посвящен программированию и компьютерной безопасности. Все курсы и уроки находятся на главной странице. Ради интереса можете посмотреть на содержимое курсов по Пентесту Active Directory, Python, HTML и CSS, JavaScript, C++ и другие, размещенные на главной странице.

Если что-то не нашли, то воспользуйтесь поиском по сайту, который находится на главной странице в самом верху.

Удачи в обучении!

Закрыть окно