Названия основных цветов и соответствующие им коды

⇐ ПредыдущаяСтр 2 из 5Следующая ⇒

Black или #000000 (черный)	Red или #FF0000 (красный)	Lime или #00FF00 (салатовый)	Yellow или #FFFF00 (желтый)
Maroon или #800000 (бордовый)	Gray или #808080 (серый)	Blue или #0000FF (синий)	Aqua или #00FFFF (морская волна)
Green или #008000 (зеленый)	Navy или #000080 (темно-синий)	Silver или #C0C0C0 (серебристый)	Fuchsia или#FF00FF (фиолетовый)
Olive или #808000 (олливковый)	Teal или #008080 (темная морская волна)	Purple или #800080 (пурпурный)	White или #FFFFFF (белый)

5. Выравнивание текста

Для выравнивания текста используется атрибут ALIGN, который может принимать значения: Center – выровнять по центру; Left – выровнять по левому краю; Right - выровнять по правому краю; Justify – выровнять по обоим краям (по ширине).

Необходимо отметить, что данный атрибут применяется не с тегом FRONT, а с тегами форматирования и группировки текста такими как: < P>, < H1> - < H6> и др.

< H1 ALGIN = Center > Заголовок1 < /H1>

< H1 ALGIN = Left > Подзаголовок1 < /H2>

< H1 ALGIN = Right > Параграф№1.< /P>

< H1 ALGIN =Justify > Параграф№2. < /P>

< H1 ALGIN =Left > Параграф№3. < /P>

Для отделения блока HTML-документа от остальной части документа или объединения несколько параграфов в группу и придания им общих свойств используется контейнер < DIV> …< /DIV>. Находящиеся между начальным и конечным тегами текст оформляется как отдельный параграф.

< DIV ALIGN = Center>

< P> Параграф№1. < /P>

< P> Параграф№2. < /P>

< /DIV>

< DIV ALIGN = Right>

< P> Параграф№3. < /P>

< P> Параграф№4. < /P>

< /DIV>

С) Таблицы

Оформление таблиц

HTML представляет большие возможности оформления таблиц. Оформление может выполняться как с помощью атрибутов основных тегов таблицы, так и с помощью специальных тегов.

Тег < TABLE> позволяет использовать следующие основные атрибуты:

BORDER – определяет ширину внешней рамки таблицы (в пикселях).

CELLPADDING – определяет расстояние (в пикселях) между рамкой каждой ячейки таблицы и содержащимся в ней материалом.

CELLSPACING – определяет расстояние (в пикселях) между границами соседних ячеек.

ALIGN – определяет способ горизонтального выравнивания таблицы. Возможные значения: left – по левому краю, center – по центру, right – по правому краю. Значение по умолчанию – left.

WIDTH и HEIGHT – определяет ширину и высоту таблицы, значение задается либо в пикселях, либо в процентном отношении к ширине окна браузера.

BGCOLOR – определяет цвет фона ячеек таблицы. Он задается либо RGB-значением в шестнадцатеричной системе, либо одним из 16 базовых цветов.

< CAPTION> – специальный парный тег для описания заголовка таблицы. Атрибут этого тега ALIGN определяет место размещения заголовка. Его значение top помещает заголовок над таблицей, а bottom – под таблицей.

< TABLE BORDER=15 WIDTH=400 HEIGHT=200 ALIGN=CENTER BGCOLOR=Yellow>

< CAPTION ALIGN=”bottom”> Оформленная таблица< /CAPTION>

< TR> < TD> Ячейка1.1< /TD> < TD> Ячейка 1.2< /TD> < /TR>

< TR> < TD> Ячейка2.1< /TD> < TD> Ячейка 2.2< /TD> < /TR>

< TR> < TD> Ячейка3.1< /TD> < TD> Ячейка 3.2< /TD> < /TR>

< /TABLE>

При использовании темного фона таблицы, можно изменить цвет текста в ячейках, например:

< FONT COLOR=WHITE> Текст… < /FONT>.

Необходимо иметь в виду, что тег < FONT> …< /FONT> должен находиться внутри тегов изменяемой ячейки таблицы.

Сложные таблицы

Размещая внутри ячеек одной таблицы теги других таблиц или объединяя соседние ячейки, можно создавать сложные таблицы.

Кроме тега < TD> (Table Data) для создания ячейки можно применять тег < TH> (Table Head), который также создает ячейку, но определяет ее как заголовок с увеличенным шрифтом.

Для оформления содержимого ячеек можно использовать следующие атрибуты: ALIGN, WIDTH, HEIGHT, BGCOLOR, которые определяют способ горизонтального выравнивания содержимого ячейки, её ширину, высоту и цвет соответственно.

VALIGN - определяет способ вертикального выравнивания содержимого ячейки. Возможные значения: top - по верхнему краю, bottom - по нижнему краю, middle - по центру.

COLSPAN - определяет количество столбцов, на которые простирается данная ячейка (ширина ячейки в столбцах). По умолчанию имеет значение 1.

ROWSPAN - определяет количество рядов, на которые простирается данная ячейка (высота ячейки в строках). По умолчанию имеет значение 1.

< TABLE BORDER=15 ALIGN=CENTER BGCOLOR=Yellow>

<! --строка 1 большой таблицы-->

< TR> < TD>

< TABLE BORDER=10 WIDTH=300 HEIGHT=100> < TR>

< TH ROWSPAN=2> Высокая ячейка< /TH> < TD> Ячейка< /TD>

< TD> Ячейка< /TD> < /TR> < TR> < TD> Ячейка< /TD>

< TD> Ячейка< /TD> < /TR> < TABLE> < /TD> < /TR>

<! --Строка 2 большой таблицы-->

< TR> < TD>

< TABLE BORDER=10 WIDTH=300 HEIGHT=100>

< TR> < TH COLSPAN=2> Широкая ячейка < /TH> < /TR>

< TR> < TD> Ячейка < /TD> < TD> Ячейка < /TD> < /TR> < TR>

< TD> Ячейка < TD> Ячейка < /TD> < /TR> < /TABLE> < /TD>

< /TR> < /TABLE>

Иногда удобно использовать атрибут NOWRAP, который блокирует автоматический перенос слов в пределах текущей ячейки (текст в ячейке помещается в одну строку).

d) Графика

Изображения в HTML

Для размещения изображений на Web-страницах используются различные графические форматы, наиболее часто применяются - JPEG и GIF.

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

GIF используется для рисованных изображений, векторной графики, картинок без полутонов, градиентов (переходов от цвета к цвету) и большого количества мелких деталей разного цвета. Помимо того, формат GIF используется для сохранения анимированных картинок и изображений с прозрачными частями.

Для размещения изображений существует специальный тег < IMG>, имеющий обязательный параметр SRC= «адрес».

< IMG SRC= «адрес» атрибут1, атрибут2…>

IMG – тег изображения

SRC= «адрес» - атрибут источника

атрибут1, атрибут2… - атрибуты изображения

В качестве параметра (адрес) может использоваться несколько типов аргументов:

имя файла с изображением (для изображений, находящихся в текущем каталоге)

адрес файла с изображением (для изображений, находящихся в других каталогах)

URL изображения (для изображений, находящихся в сети Интернет или на вашем сервере)

⇐ Предыдущая 123 4 5 Следующая ⇒