Презентация "Изображения в HTML-документе"

Современные браузеры могут работать с различными форматами изображений, но наиболее предпочтительные –

Атрибуты <img>
src – определяет само изображение.
align – выравнивание.
border - устанавливает ширину рамку вокруг изображения.
height, width – высота и ширина изображения в пикселях.
hspace, vspace – задают расстояние в пикселях между картинкой и текстом по вертикали и горизонтали

Обтекание изображения текстом

Значения left и right атрибута align помещают изображение у левого или правого края документа. Затем браузер выводит оставшееся содержание документа в свободное пространство, смежное с изображением,  текст обтекает изображение.

Можно поместить картинки одновременно по обеим сторонам документа. В этом случае картинки задаются перед текстом.

Обе картинки имеют значение атрибута width="25%" , но правая картинка заметно меньше левой. Это происходит потому, что 25% для правой картинку вычисляются от ширины, оставшейся после вывода левой картинки, т.е., от 75% ширины окна браузера.
Для того, чтобы текст выводился после всех картинок, а не между ними, используем <br clear="all">

Тег <table> </table>

- создает таблицу. Все прочие элементы таблицы – текст, рисунки, списки - должны быть вложенными в него. Допускается также вложение таблиц одна в другую, т.е. содержимым ячейки может быть другая таблица. Закрывающий тег обязателен

Атрибуты для тэга <table>
Align выравнивание таблицы относительно документа. Возможные значения: center, left, right
Valign - выравнивает текст в таблице по вертикали. Значения: top, bottom, middle, baseline.
background=“имя файла“ строка, определяющая рисунок для заднего фона таблицы
bgcolor =цвет определяет задний фон таблицы
border толщина внешней рамки в пикселях. Если атрибут не указан, то таблица выводится без видимой рамки
bordercolor =цвет цвет рамки
width = число ширина таблицы в процентах или пикселях
height = число рекомендуемая высота таблицы только в пикселях