- •Понятия и определения
- •Html - основа основ
- •Тэги html
- •Структура html-документа
- •Атрибуты тэгов
- •Гиперссылки и совершенствование внешнего вида текста
- •Картинки на страничке
- •Создание и оптимизация изображений для Web-сайта
- •Анимация изображений
- •Изображение и гиперссылки
- •Сложные таблицы
- •Изображения и таблицы
- •Стили и ссылки
- •Стили, классы, селекторы
- •Каскадные таблицы стилей
- •Группа параметров
- •Маркированные списки
- •Управление фреймами
- •Мета-тэги
- •Index - разрешена индексация индексных ( стартовых)страниц - обычно это - index.Html;
- •Заключение
Гиперссылки и совершенствование внешнего вида текста
С атрибутами тэгов мы вроде более менее разобрались. Теперь вернемся к прошлому разделу, где мы рассмотрели атрибуты тэга <body>. Рассмотрим следующую запись:
<body text=red bgcolor=yellow
link=yellow alink=red vlink=black>
К атрибутам 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> ... </font> со своими атрибутами:
font face - наименование шрифта (Arial, Verdana, Courier и т.д.);
size - размер шрифта;
color - цвет шрифта;
А как задать жирный, наклонный, подчеркнутый шрифт?
С помощью тегов без атрибутов:
<b> ... </b> - bold (полужирный); <i> ... </i> - italic (курсив); <u> ... </u> - underline (подчеркнутый).
Кроме того бывают нужны индексы и степени. Их также задают тэгами без атрибутов:
<sup> ... </sup> - superscript (возведение в степень, верхний индекс); <sub> ... </sub> - subscript (нижний индекс);
Модернизируем страничку с именем attrib.html, в которую добавим несколько строчек
<html>
<head>
<title>Пример использования атрибутов тэгов</title>
</head>
<body text=red bgcolor=yellow>
<p>Написано красным по желтому. Сейчас будет горизонтальный разделитель</p>
<hr noshade size=3 width=80%>
<p align=center>Написано после<br> горизонтального разделителя <br> по центру</p>
<p>Виды шрифта: <u>подчеркнутый</u>, <i>курсив</i>, <b>полужирный</b>.
<font color=blue> А эта строка написана синим цветом.</font></p>
<p>А вот формула воды H<sub>2</sub>O.
Вот так можно указать время 17 <sup><u>00</u></sup></p>
<p><a href=http://mrharut.narod.ru>Cайт автора</a></p>
</body>
</html>
Поэксперементируйте!!! Желаю успехов.