27.06.2017 22:14:59   
Навігація
Погода
Баштанка

Опитування
Ви потрапили сюди шукаючи:

Інформацію про Баштанку
Інформацію про Баштанку
33% [5 голосів]

Друзів з м. Баштанки
Друзів з м. Баштанки
27% [4 голосів]

Випадково потрапив
Випадково потрапив
7% [1 голос]

Фото Баштанщини
Фото Баштанщини
20% [3 голосів]

Товариш розповів
Товариш розповів
13% [2 голосів]

Всього голосів: 15
Для участі в опитуваннях Ви повинні авторизуватися
Розпочато: 30.12.2008 12:07
Зараз на сайті
Гостей: 2

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

Всього користувачів: 119
Новий користувач: getdallcalmuzz1978
Останні оголошення
Распродажа! Каждому ...
Распродажа! Каждому ...
Кованая подставка дл...
Держатель для балкон...
Подставка для нового...
На правах реклами


Структура статей
Усі статті » WEB-Майстру » Основи HTML (Розділ 2)
Основи 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>. Минулого разу ми там задали колір фону і тексту для всього документу. А що нам робити якщо ми хочемо виділити окремим кольором слово, словосполуку. Тут на допомогу приходить група <font> ... </font> зі своїми атрибутами:

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


Проекспериментуйте!!! Бажаю успіхів.
Коментарі
Коментарі відсутні
Додати коментар
Щоб отримати можливість додавання коментарів, будь ласка, спочатку авторизуйтесь на сайті через власний обліковий запис.
Оцінки
Доступ до оцінювання мають лише зареєстровані користувачі.

Будь ласка, авторизуйтесь , щоб отримати можливість оцінювати.

Оцінки відсутні
Авторизація
Ім`я

Пароль



Не пам`ятаєте
ім`я/пароль?

 Відновлення 
Випадковий анекдот
- Куме!
- Що таке?
- А що там в тебе бiля порога лежить?
- А то мiй злий собака.
- Тю!! А я об нього ноги витер! Сміюсь
Переглянути всі »
Календар
<< Червень 2017 >>
Пн Вт Ср Чт Пт Сб Нд
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30    
Міні-чат
Для спілкування Ви маєте авторизуватися.

01-01-2011 16:04
Вітаю З Новим роком!

24-08-2010 14:48
Вітаю з Днем Незалежності!

27-05-2010 09:50
Привіт! Настрій чудовий. Great

26-05-2010 15:02
Привет Баштанка как там у вас настроение. Задоволення

28-04-2010 23:54
То що, ніхто не знає відповідь на загадку.

Лічильники
SmartTop.info

Корисні посилання

© 2008-2017 "БіРіП"


  Завантажено за 0.03 сек.

3,741,603 відвідувачів