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

51. Выравнивание изображений при помощи HTML

Выравнивание изображения, атрибут align

Если вы хотите сделать обтекание текстом изображение или указать положение относительно других изображений, то поможет атрибут align. Атрибут align принимает пять значений. Далее пример:

Код HTML
<img align = "left">
bottom Выравнивание нижней границы изображения по окружающему тексту.
left Выравнивает изображение по левому краю окна.
middle Выравнивание середины изображения по базовой линии текущей строки.
right Выравнивает изображение по правому краю окна.
top Верхняя граница изображения выравнивается по самому высокому элементу текущей строки.

Похожие уроки и записи блога

Тег TD в HTML таблицахТаблицы
Свойство background для работы с фономЦвета и фон
Тег TR в HTML таблицахТаблицы
Добавляем градиент к фону элементаЦвета и фон
Горизонтальное и вертикальное выравнивание в CSS Свойства текста
Первое знакомство с PythonЗнакомство с Python
Работа с файлами в Python Знакомство с Python
Знакомимся с Flexbox в CSSЗнакомство с Flexbox
Изменяем свойствами left, top, right и bottom положение элементаПозиционирование
<
×
>
Раздел «Изображения»
50. УРОК: Что такое изображение в HTML
УРОК 51. Выравнивание изображений при помощи HTML
Вы здесь
52. ТЕСТ: Тест по основам работы с изображениями в HTML
53. УРОК: Ширина, высота, рамка у изображений в HTML
54. ПРАКТИКА: Рамка у изображений
55. УРОК: Альтернативный текст в HTML
56. ТЕСТ: Заключительный тест по изображениям в HTML
Другие разделы
Раздел 1. Знакомство с HTML
Раздел 2. Разметка текста
Раздел 3. Ссылки
Раздел 5. Таблицы
Раздел 6. Формы
Раздел 7. HTML5
Раздел 8. Остальное
Раздел 9. Знакомство с CSS
Раздел 10. Селекторы в CSS
Раздел 11. Структура и каскад
Раздел 12. Единицы измерения
Раздел 13. Шрифт
Раздел 14. Свойства текста
Раздел 15. Форматирование
Раздел 16. Отступы, рамки, поля
Раздел 17. Цвета и фон
Раздел 18. Позиционирование
Раздел 19. Верстка таблиц
Раздел 20. Списки
Раздел 21. Анимация
Раздел 22. Практика с htmlbook.ru
Раздел 23. Элементы сайта
Раздел 24. Знакомство с Flexbox
Впервые на сайте Codebra?

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

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

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

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

Закрыть окно