Баштанка | Баштанський інформаційно-розважальний інтернет-портал

09.09.2010 09:04:15

Навігація

Новини

Файли

Погода

Баштанка

Чт, 9 вересня 15:00		+18°C 761 мм С, 5 м/с
Пт, 10 вересня 03:00		+8°C 762 мм С, 3 м/с
Пт, 10 вересня 15:00		+19°C 761 мм С, 6 м/с
Сб, 11 вересня 03:00		+10°C 760 мм С, 4 м/с

Опитування

Зараз на сайті

Гостей: 3

Користувачів: 0

Всього користувачів: 72

Новий користувач: joachimg

Останні оголошення

Радиоприемник "Альпи...

Оптовая продажа Ysl,...

Радио компютерна тех...

Куплю квартиру

Элитная косметика и ...

На правах реклами

Основи HTML (Розділ 2)

5. Гіперпосилання і вдосконалення зовнішнього вигляду тексту.
З атрибутами тегів ми начебто більш менш розібралися. Тепер повернемося до минулого розділу, де ми розглянули атрибути тега <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>:

1. link - колір тексту посилання (від англ. link - посилання);
2. alink - активне посилання (від англ. active link - активне посилання);
3. vlink - відвідане посилання (від англ. visited link - відвідане посилання);
4. href - адреса перенаправлення.

Насправді тег <a> має багато цікавих особливостей, які разом охопити не можна. Цей тег є невід'ємною частиною будь-якого html-документу і до нього ми ще повертатимемося.

Знов звернемося до тега <body>. Минулого разу ми там задали колір фону і тексту для всього документу. А що нам робити якщо ми хочемо виділити окремим кольором слово, словосполуку. Тут на допомогу приходить група  ...  зі своїми атрибутами:

1. font face - найменування шрифту (Arial, Verdana, Courier і так далі);
2. size - розмір шрифту;
3. 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.
Ось так можна вказати час 1700
<body>
<html>

Проекспериментуйте!!! Бажаю успіхів.