Рубрики
Уроки HTML

Уроки HTML. Картинки — 2

Для расстановки отступов вокруг картинки нужно набрать:
1. <IMG src=’imagefile.ext’
2. HSPACE=n
где n — размер отступов в пикселях справа и слева от картинки.
3. VSPACE=n
где n — размер отступов в пикселях сверху и снизу от картинки.
4. >.

Иногда возникает необходимость размещения картинки прямо в тексте.

Для размещения картинки в тексте нужно набрать:
1. <IMG src=’imagefile.ext’
где IMG — тег для отображения картинок на странице, SRC — атрибут тега, определяющий какая именно картинка будет отображаться, imagefile.ext — путь, имя и расширение файла картинки.
2. ALIGN=»d«
где d может принимать одно из следующих значений: texttop, top, middle, absmiddle, bottom, absbottom.
[3]. Другие атрибуты тега IMG.
4. >.

Примеры использования тега IMG с разными значениями атрибута ALIGN:

Картинка с атрибутом texttop.

Картинка с атрибутом top.

Картинка с атрибутом middle.

Картинка с атрибутом absmiddle.

Картинка с атрибутом bottom.

Картинка с атрибутом absbottom.

Для размещения картинки или другого объекта в центре страницы нужно набрать:
1. <CENTER>
2. Объект, который нужно разместить в центре.
3. </CENTER>

Пример размещения картинки в центре:
<CENTER>
<IMG src=’photo02.jpg’>
</CENTER>

Результат:

Для вывода горизонтальной линии нужно набрать:
1. <HR
[2]. SIZE=»n«
где n — толщина линии в пикселях.
[3]. WIDTH=»w«
где w — длина линии в пикселях или процентах относительно ширины страницы.
[4]. ALIGN=»d«
где d — одно из left, right, center, определяет расположение линии слева, справа или по центру страницы, соответственно.
[5]. COLOR=
«#rrggbb»

где #rrggbb — шестнадцатеричный код цвета в формате RGB, или
«color»
где color — имя одного из 16 предопределенных цветов.

Примеры.

<HR>:


<HR SIZE=»5″ WIDTH=»300″>:


<HR SIZE=»5″ WIDTH=»70%» COLOR=»red» ALIGN=»center»>:


<HR SIZE=»15″ WIDTH=»50%» COLOR=»#aaddff» ALIGN=»right» NOSHADE>:


Для установки картинки на фоне страницы (background image) нужно набрать:
1. В теге <BODY>, перед символом >
BACKGROUND=’imagefile.ext’
где imagefile.ext — путь, имя и расширение файла картинки.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *