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

ВНИМАНИЕ! Конкурс по программированию!

Проект Programmers.kz и школа hotPen3D2D предлагает Вам курсы по веб-дизайну, веб-программированию и компьютерной графике. Подробности здесь.

Информация к новости

Просмотров: 2295
Автор: КазКиберГетик

(голосов: 1)

Категория: WEB-Design » HTML » Уроки 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 face - наименование шрифта (Arial, Verdana, Courier и т.д.);
size - размер шрифта;
color - цвет шрифта;

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

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

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

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

... - superscript (возведение в степень, верхний индекс);
 ... - 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>

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

Источник: web-brodilka.ru

Вернуться Комментариев: 0

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.