- •1. Обов'язкова структура документа.
- •1.1.Html - елемент верхнього рівня
- •1.3. Title - "зовнішній" заголовок (титул)
- •1.4. Body (тіло) - тіло документа
- •2. Організація змісту - заголовки (headings), абзаци (paragraphs), списки (lists)
- •2.1. H1, h2, h3, h4, h5, h6 - заголовки
- •2.3. Blockquote(блок цитування) - довге цитування
- •2.4. Address (адреса) - інформація про автора інформації
- •3. Списки
- •3.3. Menu (меню) - ненумеруємий список менюподібних форм
- •4. Таблиці.
- •4.1. Table-таблиці
- •4.2. Caption (заголовок) - заголовок для таблиці
- •5. Розмітка тексту - виділення шрифту.
- •5.2. Strong - сильне підкреслення
- •5.5. Font (шрифт) - розмір і колір шрифту
- •5.6. Basefont (базовий шрифт) - розмір базового шрифту
- •5.7. Big (великий) - великий шрифт
- •6. Зв'язок
- •7. Основний приклад для розглянутих вище тегів
5. Розмітка тексту - виділення шрифту.
Логічна розмітка в порівнянні з фізичною
Існує два головних класи текстової розмітки: логічна і фізична. Логічна розмітка показує роль текстового сегмента, наприклад, велику значимість у порівнянні зі звичайним текстом чи те, що даний сегмент є цитатою. Фізична розмітка зв'язана з представленням тексту в спеціальній манері, наприклад, з використанням шрифтів чи спеціального виду підкреслення.
5.1. B - жирний шрифт
Ціль
Представити текст виділеним (жирним) шрифтом.
Основний синтаксис
<B>текст</B>
5.2. Strong - сильне підкреслення
Ціль
Для сильного підкреслення.
Основний синтаксис
<STRONG>текст</STRONG>
5.3. I - курсив
Ціль
Представлення тексту курсивом.
Основний синтаксис
<I>текст</I>
5.4. EM - підкреслення
Ціль
Підкреслити (виділити).
Основний синтаксис
<EM>текст</EM>
5.5. Font (шрифт) - розмір і колір шрифту
Ціль
Специфікувати розміри шрифту (відносно до інших розмірів), його колір, чи і те й інше разом.
Основний синтаксис
<FONT SIZE=n>текст</FONT>
чи
<FONT COLOR=кольорова специфікація>текст</FONT>
Можливі атрибути
ім'я атрибута |
можливі значення |
зміст |
SIZE |
рядок |
розмір шрифту; цифра в діапазоні 1 - 7 або ціле зі знаком, наприклад, "+1" чи "-2" |
COLOR |
кольорова специфікація |
Колір елемента FONT |
Приклади
Це - деякий текст:
<FONT SIZE=-1>Деякий текст дрібним шрифтом </FONT>.
<P>
Це - спроба представити текст більш рельєфно: жирним шрифтом, з підкресленням, шрифтом великого розміру і червоним кольором:
<B><U><FONT SIZE=7 COLOR=RED>Деякий текст</FONT></U></B>
5.6. Basefont (базовий шрифт) - розмір базового шрифту
Ціль
Специфікація розміру основного шрифту (щодо інших розмірів).
Основний синтаксис
<BASEFONT SIZE=n>
Можливі атрибути
ім'я атрибута |
можливе значення |
зміст |
SIZE |
рядок |
розмір шрифту (1 - 7) |
Приклади
<P>Звичайний текст</P>
<BASEFONT SIZE=5>
<P>Текст - 5 <FONT SIZE=1>текст</FONT>
текст - 5</P>
5.7. Big (великий) - великий шрифт
Ціль
Представлення тексту великим шрифтом.
Основний синтаксис
<BIG>текст</BIG>
Це <BIG>велика</BIG> машина
Приклад різноманітних шрифтів
<FONT SIZE=-1>Дрібний </FONT>
<B><U><FONT SIZE=8 COLOR=BLUE>Великий синій</FONT></U></B>
<I>Курсив</I>
<STRONG>Підкреслений<STRONG>
<BIG>Просто великий</BIG>
Рис.1.8. Розманітність шрифтів.
6. Зв'язок
Для того щоб зв'язати різні сторінки чи вказати різні посилання служать зв'язки.
Зв'язок (часто називані гіперзв'язками) є особливістю, що виправдовує наявність частини HT в абревіатурі HTML (HyperText Markup Language - Мова розмітки гіпертексту).
Технічно зв'язки специфіковані використанням A-елементів (anchor - якір), і ці питання обговорені в описі тега A.
Ціль
Щоб установити гіперзв’язки (hyperlinks) і "якоря" (anchors) для них, тобто визначити, яке слово чи інша конструкція в документі забезпечує зв'язок з ресурсом (наприклад, з файлом HTML), чи специфікувати, що поточне місце екрана може використовуватися з даним ім'ям, як прапорець для таких зв'язків (у тому же чи іншому документі). /3/
Основний синтаксис
<A HREF="ціль">текст якоря</A>
чи
<A NAME="ім'я"></A>
Можливі атрибути
ім'я атрибута |
можливі значення |
зміст |
NAME |
рядок символів |
ім’я для зв’язаного "кінця" |
HREF |
URL |
мережна адреса для зв'язаного ресурсу |
REL |
рядок |
вказівка зв'язку вперед |
REV |
рядок |
вказівка зворотнього зв'язку |
TITLE |
рядок |
заголовок для зв'язаного ресурсу |
Приклад:
<P>Посилання для деякого документа
<A HREF="Demon.html">demon.</A>.
Р ис. 1.9. Посилання