Быстрый поиск

Реферат: Мировые информационные ресурсы

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

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

Пример:

Атрибут HEIGHT – высота (принимает такие же значения, как и атрибут WIDTH).
Атрибут ALIGN – выравнивание таблицы по ширине относительно краев окна.
Атрибут BORDER – определяет ширину рамки (если значение данного атрибута 0, то рамки отсутствуют).
Атрибут bgcolor – для формирования фона таблицы с помощью цвета.
Атрибут background - для формирования фона таблицы с помощью картинки.
Атрибут cellpadding – для указания отступов от краев ячейки (в пикселях).
Атрибут cellspacing – расстояние между ячейками.

Если значение атрибута больше нуля,

то таблица выглядит так:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Пример:

<TABLE>

<TD COLSPAN=2>1</TD>
<TD>3</TD>	<TD>4</TD>

</TABLE>

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

Пример:

<TABLE>

<TD ROWSPAN=2>1</TD>	<TD>2</TD>
	<TD>4</TD>

</TABLE>

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

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

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

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

Пример:

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

<TD>

<TABLE>

</TABLE>

<TD>

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

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

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

1.Формат JPG.

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

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

Пример:

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

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

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

2.Формат GIF.

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

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

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

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

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

Пример:

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

Пример:

ALT=”Здесь была картинка”.

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