
- •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. Основний приклад для розглянутих вище тегів
3. Списки
простий неупорядкований список: UL, LI
стиснутий список, розташованих в одному рядку образів: MENU, LI
список малих образів: DIR, LI
упорядкований список: OL, LI
дефінітивний список (список міток): DL, DT, DD
3.1. LI - списковий елемент
Ціль
Для представлення елемента в списку.
Основний синтаксис
<LI>зміст елемента списку</LI>
Кінцевий тег </LI> завжди може бути опущений, що звичайно і робиться.
Зміст
Блокові і текстові елементи. Елементи заголовків і ADDRESS не дозволені.
Приклади
Короткий приклад:
<LI>Перелік</LI
3.2. UL - неупорядковані (ненумеровані) списки
Ціль
Для представлення інформації у списковій формі без нумерації елементів.
Основний синтаксис
<UL> <LI> елемент списку 1 <LI> елемент списку 2 ...</UL>
Можливі атрибути
ім'я атрибута |
Можливі значення |
зміст |
TYPE |
DISC, SQUARE, CIRCLE |
за замовчуванням буллет стиль для елементів |
COMPACT |
COMPACT |
скорочена відстань між елементами |
Значення за замовчуванням буллет стиля звичайно залежить від рівня вкладеності списків.
Приклад:
Складові частини
<UL>
<LI> Колесо <LI> Ручка <LI> Болт
</UL>
3.3. Menu (меню) - ненумеруємий список менюподібних форм
Ціль
Представити інформацію в менюподібному форматі.
Основний синтаксис
<MENU> <LI> елемент списку 1 <LI> елемент списку 2 ... </MENU>
Можливі атрибути
ім'я атрибута |
можливі значення |
зміст |
COMPACT |
COMPACT |
скорочені проміжки між елементами |
П
риклади
<MENU>
<LI> Десять
<LI> Двадцять
<LI> Тридцять
<LI> Сорок
<LI> П'ятдесят
<LI> Шістдесят
</MENU>
Рис 1.3. Ненумеруємий список менюподібних форм
3.4. DIR - ненумерований список у директорії
Ціль
Представити інформацію у форматі, прийнятому для представлення директорії.
Основний синтаксис
<DIR> <LI> елемент списку 1 <LI> елемент списку 2 ... </DIR>
Можливі атрибути
ім'я атрибута |
можливі значення |
зміст |
COMPACT |
COMPACT |
скорочений проміжний простір |
Приклад алфавіту:
<DIR>
<LI>A
<LI>B
<LI>C
<LI>D
<LI>E
<LI>F
<LI>G
<LI>H
<LI>I
<LI>J
<LI>K
<
LI>L
<LI>M
<LI>N
<LI>O
<LI>P
<LI>Q
<LI>R
<LI>S
<LI>T
<LI>U
<LI>V
<LI>W
<LI>X
<LI>Y
<LI>Z
</DIR>
Рис 1.4.Приклад ненумерованого списку в директорії
3.5. OL - упорядковані (нумеровані) списки
Ціль
Для представлення інформації у виді упорядкованого (нумерованого) списку.
Основний синтаксис
<OL> <LI> елемент списку 1 <LI> елемент списку 2 ... </OL>
Можливі атрибути
ім'я атрибута |
можливі значення |
зміст |
TYPE |
1, a, A, i, I |
стиль нумерації |
START |
ціле |
початкова цифра послідовності |
COMPACT |
COMPACT |
скорочена відстань між елементами |
Зміст значень TYPE наступний:
Type |
Стиль нумерації |
Перші кілька цифр |
1 |
звичайні (арабські) числа |
1, 2, 3, ... |
a |
Латинське написання на нижньому регістрі |
a, b, c, ... |
A |
Латинське написання на верхньому регістрі |
A, B, C, ... |
i |
Римські цифри на нижньому регістрі |
i, ii, iii, ... |
I |
Римські цифри на верхньому регістрі |
I, II, III, ... |
Приклад, в якому використані римські цифри:
<P> Римські справи
</P>
<OL TYPE=I>
<LI> <I>-ae</I>, eg <I>terra:terrae</I>
<LI> <I>-i</I>, eg <I>annus:anni</I>
<LI> <I>-is</I>, eg <I>labor:laboris</I>
<LI> <I>-us</I>, eg <I>fructus:fructus</I>
<LI> <I>-ei</I>, eg <I>dies:diei</I>. </OL>
Рис.1.5. Приклад упорядкованого списку.
3.6. DL - дефінітивні чи описові списки
Ціль
Дати список визначень для термінів, список описів чи іншу інформацію, зв'язану з іменами чи фразами.
Основний синтаксис
<DL> <DT>термін 1<DD>визначення терміну 1 <DT>термін 2<DD>визначення терміну 2 ... </DL>
Зміст
DT і DD елементи.
Елементи DL повинні бути спарені з відповідними елементами DD. Безліч елементів DT може бути при єдиному елементі DD. Тобто кілька термінів можуть мати одне і теж визначення. Документ не повинний містити кілька послідовних елементів DD.
Приклад:
<DL>
<DT>Вася, Дмитрик
<DD>От <I> Дмитрик Вася </I>.
<DT> Дмитрик Вася
<DD>От <I> Вася, Дмитрик </I>.
</DL>
Рис 1.6. Приклад описового списку