Выделение текста

Текст в документе HTML может быть выделен одним из следующих способов:

<B>…</B> полужирный

<I>…</I> курсив

<U>…</U> подчеркивание

<TT>…</TT> моноширинный

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

Для выравнивания текста используется атрибут align. Данный атрибут применяется в теге <P>.

<P align=”left”> - выравнивание по левому краю;

<P align=”right”> - выравнивание по правому краю;

<P align=”center”> - выравнивание по центру.

Атрибуты тега Body

Bgcolor – определяет цвет фона документа;

Background – определяет имя графического файла используемого в качестве фона;

Text – устанавливает цвет текста;

Alink – определяет цвет активной ссылки;

Link – определяет цвет не просмотренной ссылки;

Vlink – определяет цвет просмотренной ссылки;

Bgproperties = “fixed” – фоновое изображение не будет прокручиваться вместе с текстом.

Например, <Body Bgcolor =”green”>

Управление стилем шрифта

Для задания размера, цвета и начертания шрифта служит тег <FONT>. Тег <FONT> имеет следующие атрибуты:

• SIZE - задает размер шрифта от 1 до 7 в относительных единицах. По умолчанию используется размер 3.

• COLOR- задает цвет, который может быть задан ключевым словом, например RED - красный, либо шестнадцатеричным значением в системе RGB, например #FF0000 - тоже красный цвет.

• FACE - задает тип шрифта. Для Web – страницы нельзя предсказать какие шрифта доступны на ПК пользователя, поэтому этот атрибут необходимо использовать осторожно.

Пример. <FONT SIZE=7 FACE= "Arial" >Привет </FONT>

Можно задавать размер шрифта относительно базового.

+1…+7 увеличение шрифта относительно базового размера.

-1…-7 уменьшение шрифта относительно базового размера.

Вставка изображений

Для улучшения дизайна WEB-страницы, необходимо в нее добавить несколько хорошо подобранных изображений. Для размещения изображений в документе служит одиночный тег <IMG>. Он содержит атрибут SRC, значение которого адрес файла с изображением. Если графический файл находится в той же папке, то можно указать только имя файла.

Пример.

<IMG SRC=”log1.jpg”>

Изображение переносится на WEB-страницу с сохранением размера. Изменить размеры рисунка на экране можно с помощью атрибутов WIDTH (ширина) и HEIGHT (высота). Значения этих атрибутов задаются в пикселях. Следует отметить, что параметры HEIGHT и WIDTH не влияют на размер графического файла и время загрузки изображения.

Пример.

<IMG SRC=KET.GIF WIDTH=240 HEIGHT=280>

При наведении курсора мыши на изображение можно показать текст о том, что изображено на картинке. Для этой цели используется атрибут ALT.

Пример: < IMG SRC="glkorpus.jpg" ALT= "Главный корпус КарГТУ">

Изображение можно использовать в качестве ссылки. Для этого тег <IMG> должен быть помещен между тегами <A> и </A>, определяющими ссылку. Одна из интересных возможностей HTML- это задание фоновых изображений. Для вставки картинки на задний план служит атрибут BACKGROUND в теге BODY. Например: <BODY BACKGROUND="fon.gif" >

Гипертекстовые ссылки

Для создания гиперссылки используется тег <A> и </A>. При этом обязателен атрибут HREF. Его значением является адрес URL web - страницы. Текст ссылки заключенный между <A> и </A> при отображении в браузере подчеркивается и отображается синим цветом. Щелчок по ссылке приведет к переходу по заданному адресу URL.

Ссылка может указывать на другую WEB-страницу или любой файл, имеющийся на WEB -узле.

Если WEB-страница находится на другом WEB-узле, то в качестве атрибута HREF должен использоваться полный адрес URL документа, включая название протокола. (Это внешняя ссылка).

Пример: <A HREF="http://www.microsoft.com"> фирма Microsoft </A>.

На экране слово фирма Microsoft будет подчеркнуто.

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

Пример. <P> <A HREF="stars.htm"> Звезды футбола </A>.