logo
ІНТЕРНЕТ В БІЗНЕСІ

2.5. Елементи, дескриптори і атрибути

У мові HTML визначені контейнери, дескриптори й атрибути (рис. 6).

Пара дескрипторів називається контейнером. Контейнер складається з відкриваючого й закриваючого дескрипторів, між якими розташовані дані. Дескриптор ідентифікується іменем, яке вказується між відкриваючою й закриваючою кутовими дужками (символами « » і « »), і визначає, як повинна відображатися інформація, що входить до складу контейнера. Атрибути детермінують (уточнюють) дію дескриптора.

Рис. 6. Елементи, дескриптори і атрибути

При використанні дескрипторів необхідно враховувати наступні правила.

Наприклад, дескриптори <p> і </p> формують абзац, а пари дескрипторів <em> і </em> вказують на те, що текст, що міститься між ними, повинний відображатися курсивом. Дескриптори також використовуються для створення гіпертекстових посилань. Завдяки наявності гіпертекстових посилань користувач може перейти до іншого документу клацанням миші на частині тексту або зображенню [5].

Атрибути уточнюють дію дескрипторів. У деяких дескрипторах обов'язково повинні вказуватися атрибути.

Дескриптор <body> може складатися тільки з імені, але при необхідності до нього можна включити деякі атрибути. Так, наприклад, до складу дескриптора <body> можна включити атрибут bgcolor, що визначає колір фону (<body bgcolor="#FFFFFF">). Атрибути вказуються лише у відкриваючому дескрипторі.

У складі дескриптора може бути присутнім кілька атрибутів. Наприклад, дескриптор <BODY>, який містить атрибути, що визначають колір фону й колір гіпертекстових посилань, можна записати так:

<body bgcolor="#FF0000" link="#FFFFFF">

Для більшості атрибутів задаються значення, які обумовлюють особливості роботи дескрипторів. У наведеному вище прикладі атрибут bgcolor має значення ="#FFFFFF". Значення атрибута вказується в лапках.

<html>

<head>

<meta http-equiv="Content-Language" content="uk">

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<title>Прислів’я та приказки про розум</title>

</head>

<body link="#800080" vlink="#000080" alink="#FF0000" text="#000080" bgcolor="#C0C0C0">

<p><font color="#0000FF">Не краса красить, а розум.</font></p>

<p><font color="#FF0000">Розум - скарб людини.</font></p>

</body>

</html>