Обычная таблица

• Атрибутbordercolor – цвет границ ячеек (рамки).

Атрибуты дескриптора <TR>:

1) АтрибутALIGN – выравнивание текста в ячейках.

2) АтрибутVALIGN – определяет вертикальное выравнивание текста в ячейках.

Возможные значения атрибутаVALIGN:

· =TOP – по верху.

· =MIDDLE – по центру.

· =BOTTOM – по нижнему краю ячейки.

3)Атрибут bgcolor – для указания фона строки.

Атрибуты дескриптора <TD>:

• АтрибутALIGN.
• АтрибутVALIGN.
• Атрибут bgcolor.

Вышеперечисленные атрибуты действуют так же, как для дескриптора <TR>.

Дополнительно атрибуты:

• АтрибутCOLSPAN – объединение ячеек, находящихся в одной строке. Значение атрибута равно количеству близлежащих ячеек находящихся в одной строке, которые будут объединены.

Пример:

<TABLE>

<TR> </TR>

<TR> </TR>

</TABLE>

• АтрибутROWSPAN – объединение ячеек, находящихся в одном столбце. Значение атрибута указывает количество близлежащих ячеек находящихся в одном столбце, которые будут объединены.

Пример:

<TABLE>

<TR> </TR>

<TR> </TR>

</TABLE>

Форматирование текстовых фрагментов HTML документа

Кроме ширины и высоты таблицы в целом можно регулировать ширину и высоту ячеек (то есть использовать такие же атрибуты в дескрипторе <TD>, в пикселях и в процентах).

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

Таблица является наиболее часто употребляемым инструментом в Web дизайне, позволяющим точно разместить на таблице отдельные мультимедийные элементы. Подобно спискам, таблицы могут быть вложены в другие таблицы.

Пример:

Чтобы добавить такую таблицу в контейнере дескриптора ячейки пишут следующее:

<TD>

<TABLE>

<TR><TD></TD><TD></TD></TR>

<TR><TD></TD><TD></TD></TR>

</TABLE>

<TD>

Фон отдельных ячеек могут отображать не все браузеры.

Размещение графических изображений в HTML документе

Для размещения изображений используются в основном два графических формата:

• JPG
• GIF

1.Формат JPG.

Плюсы - Графическое изображение, сохраненное в данном формате, имеют наименьший объем.

Минусы – при сохранении происходит довольно сильное сжатие картинки, а при сжатии изображение теряет качество и наблюдается эффект пикселизации.

Пример:

Картинка сжалась в девять раз.

Девять пикселей заменяются одним пикселем среднего цвета.

Изображение сохраняется в формате .jpg в том случае, если необходимо сохранить максимальное количество оттенков.

2.Формат GIF.

При сохранении картинок в этом формате также происходит сжатие, но пикселизации не происходит.

Минусы – изображение сохраняется с помощью ограниченного количества цветов (обычно 256 цветов) => изображение будет не очень красочным.

С помощью формата .gif сохраняются навигационные кнопки, навигационные графические элементы и фоновые изображения.

Для внедрения изображения используется одиночный дескриптор <IMG>.

• Атрибут SRC – основной атрибут. Он указывает путь и имя файла, в котором содержится графический элемент.

Пример:

<IMG SRC=1.gif>

• Атрибут WIDTH – ширина внедряемого изображения (в пикселях).
• Атрибут HEIGHT - высота внедряемого изображения (в пикселях).
• Атрибуты VSPACE, HSPACE – устанавливают отступ текста от внедряемого в HTML документ изображения.
• Атрибут BORDER – задает толщину рамки вокруг изображения.
• Атрибут ALT – задает альтернативный текст, который появляется в том месте, где должны быть картинки.