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

 

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

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

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

Пример:

 

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

<TD>

<TABLE>

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

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

</TABLE>

              <TD>

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

 

 

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

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

· JPG

· GIF

 

Формат JPG.

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

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

Пример:

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

 

 

 

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

 

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

 

Формат GIF.

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

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

 

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

 

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

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

Пример:

<IMG SRC=1.gif>

· Атрибут WIDTH – ширина внедряемого изображения (в пикселях).

· Атрибут HEIGHT - высота внедряемого изображения (в пикселях).

· Атрибуты VSPACE,HSPACE – устанавливают отступ текста от внедряемого в HTML документ изображения.

· Атрибут BORDER – задает толщину рамки вокруг изображения.

· Атрибут ALT – задает альтернативный текст, который появляется в том месте, где должны быть картинки.

Пример:

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

 

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

 

· Атрибут ALIGN – выравнивание.

Возможные значения:

=LEFT, CENTER, RIGHT.       

Добавляются значения: =TOP, MIDDLE, BOTTOM.

 

· Если не используются атрибуты WIDTH, HEIGHT, то изображение внедряется оригинального размера.

 

Если используется только один атрибут, например HEIGHT, то браузер уменьшит или увеличит ширину пропорционально изображению.

 

 

Использование гипрессылок

 

Гипрессылка – это URL адрес того документа, который привязан к одному из элементов Web страницы (текстовому или графическому).

Для внедрения ссылок в HTML документ применяется парный дескриптор < A > …</ A >.

Пример:

<A HREF=”http://www.kirov.ru/price.htm”>

Все, что находится внутри контейнера, называется элемент привязки (текстовый фрагмент или графический элемент).

</A>

В результате на экране отображается подчеркнутый выделенный текст.

 

Пример привязки к изображению:

<A>

<IMG SRC=”1.gif”>

</A>

Изображение, к которому привязывается ссылка, называется навигационной картинкой (изображением).

В случае привязки к картинке ссылки вокруг картинки формируется рамка (чаще всего синего цвета). Чтобы ее убрать, необходимо указать:

<IMG border=”0”>

 

Значением атрибута HREF может быть абсолютный адрес (URL адрес) или относительный адрес (имя файла, в котором хранится HTML документ, указываемый с помощью ссылки). Например, HREF=”1.htm”. Браузер будет искать данный документ в текущей папке, то есть в той, в которой находится активный документ.

 

Исключение составляет дескриптор < BASE >

<BASE URL=”http://www.kirow.ru” >

В случае использования данного дескриптора в заголовке HTML документа (то есть контейнера HEAD)относительные адреса (указанные в виде значений HREF) будут восприниматься браузером не относительно текущей папки, а относительно URL адреса, указанного в значении атрибута URL.

 

Использование дескриптора <A>…</A>