Гиперссылки и совершенствование внешнего вида текста

С атрибутами тэгов мы вроде более менее разобрались. Теперь вернемся к прошлому разделу, где мы рассмотрели атрибуты тэга <body>. Рассмотрим следующую запись:

К атрибутам text и bgcolor добавились еще три. Что же они означают? Все три атрибута link, alink и vlink относятся к гиперссылкам. К атрибутам мы вернемся, а сейчас рассмотрим гиперссылку, которая задается группой тэгов <a> ... </a>. Разумеется и в данном случае без атрибутов не обойтись. Главный и основной атрибут гиперссылки, это указатель адреса, куда она нас перенаправит. Пример:

<a href=http://www.microsoft.com>Главная страница фирмы MIcrosoft</a>

Разберем пример. Атрибутом открывающего тэга <a> является href, что собственно и означает указание адреса перенаправления. В нашем случае - это http://www.microsoft.com. Со стандартной записью адреса полагаю мы все знакомы. После правой угловой скобки открывющего тэга мы пише то, как мы хотим озаглавить ссылку. В нашем случае - это строка "Главная страница фирмы MIcrosoft". При просмотре в броузере текст этой строки будет желтым, так как мы задали параметр link=yellow. При навадении курсора мыши на такую ссылку появится рука с вытянутым указательным пальцем. При нажатии (клике) на ссылку она изменит цвет на красный (alink=red), после чего вы будете перенаправлены на страницу фирмы Microsoft. Если мы вернемся на нашу страницу, то ссылка будет черного цвета, что даст Вам понять - это ссылка, которую Вы посещали (vlink=black). Итак, дополнительно рассмотренные атрибуты тега <a>:

link - цвет текста ссылки (от англ. link - ссылка);
alink - активная ссылка (от англ. active link - активная ссылка);
vlink - посещенная ссылка (от англ. visited link - посещенная ссылка);
href - адрес перенаправления.

На самом деле тэг <a> имеет много интересных особенностей, которые разом охватить нельзя. Этот тэг является неотъемлемой частью любого HTML-документа и к нему мы еще будем возвращаться.

Вновь обратимся к тэгу <body>. В прошлый раз мы там задали цвет фона и текста для всего документа. А что нам делать если мы хотим выделить отдельным цветом слово, словосочетание. Тут на помощь приходит группа ... со своими атрибутами:

font face - наименование шрифта (Arial, Verdana, Courier и т.д.);
size - размер шрифта;
color - цвет шрифта;

А как задать жирный, наклонный, подчеркнутый шрифт?

С помощью тегов без атрибутов:

... - bold (полужирный);
 ... - italic (курсив);
 ... - underline (подчеркнутый).

Кроме того бывают нужны индексы и степени. Их также задают тэгами без атрибутов:

... - superscript (возведение в степень, верхний индекс);
 ... - subscript (нижний индекс);

Модернизируем страничку с именем attrib.html, в которую добавим несколько строчек

<html><head><title>Пример использования атрибутов тэгов</title></head><body text=red bgcolor=yellow>
Написано красным по желтому. Сейчас будет горизонтальный разделитель<hr noshade size=3 width=80%>Написано после горизонтального разделителя по центруВиды шрифта: подчеркнутый, курсив, полужирный. А эта строка написана синим цветом.А вот формула воды H2O. Вот так можно указать время 17 00 <a href=http://mrharut.narod.ru>Cайт автора</a>
</body></html>

Поэксперементируйте!!! Желаю успехов.