- •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. Основний приклад для розглянутих вище тегів
2.1. H1, h2, h3, h4, h5, h6 - заголовки
Ціль
Визначити заголовок. Існує шість рівнів від H1 (найбільш важливий) до H6 (найменш важливий).
Основний синтаксис
<Hn>заголовок тексту</Hn>
де n приймає значення 1, 2, 3, 4, 5 чи 6.
Можливі атрибути.
ім'я атрибута |
можливі значення |
зміст |
ALIGN |
LEFT, CENTER, RIGHT |
вирівнювання заголовка |
За замовчуванням - вирівнювання по лівому краю, однак це може бути перекрито включенням елементів DIV чи CENTER.
Приклад:
<H1 ALIGN=CENTER>Хто це?</H1>
<H2>Чужий</H2>
<H3>Свій</H3>
Для роботи з текстовими блоками служать наступні теги рівня абзацу:
простий абзац: P
цитування, що представляється як окремий абзац: BLOCKQUOTE
адреса автора інформації - окремий абзац: ADDRESS
елемент, що зберігає компонування рядків і пробілів попередньо отформатированого тексту, PRE
2.2. P - звичайний абзац
Ціль
Представлення звичайного текстового абзацу.
Основний синтаксис
<P>абзац тексту</P>
Можливі атрибути
ім'я атрибута |
можливі значення |
зміст |
ALIGN |
LEFT, CENTER, RIGHT |
вирівнювання абзацу |
За замовчуванням - ліве вирівнювання, однак це може бути перекрито включенням елемента DIV чи CENTER.
2.3. Blockquote(блок цитування) - довге цитування
Ціль
Представити (у типовому варіанті - довгу) цитату, як блок цитування (на противагу коротким цитатам, вставленим у текст абзацу).
Основний синтаксис
<BLOCKQUOTE> текст цитати </BLOCKQUOTE>
2.4. Address (адреса) - інформація про автора інформації
Ціль
Надати контактну інформацію про автора поточного документа (тобто документа, в якому знаходиться елемент).
Основний синтаксис
<ADDRESS>адресна інформація<ADDRESS>
Приклад.
Дуже проста адресна інформація, що містить тільки E-mail адресу (адреса електронної пошти) автора:
<ADDRESS>
<P>
Demon@rambler.ru
</P>
</ADDRESS>
2.5. PRE - попередньо отформатирований текст
Ціль
Представити текст із використанням пробілів й перекладів строк для наступного відображення його на екрані. Це потрібно, коли використовується тільки текстова інформація, і ми хочемо покласти її на сторінку Web, віддаючи перевагу обраному компонуванню. Текст також може бути представлений так, як він формується комп'ютерним висновком.
Основний синтаксис
<PRE> отформатирований текст </PRE>
Можливі атрибути
ім'я атрибута |
можливі значення |
Зміст |
примітки |
WIDTH |
Ціле |
ширина тексту в символах |
практично не підтримується |
Значення WIDTH повинно бути більше, ніж довжина самого довгого рядка. Атрибут WIDTH повинний забезпечувати броузер інформацією, щоб вибрати шрифт придатного розміру чи скорегувати відступи для представлення тексту в необхідному виді. /1/
Приклад: Таблиця ASCII і адреса автора з цитатою
<BLOCKQUOTE> Таблицю потрібно розуміти !!! </BLOCKQUOTE>
<PRE>
! " # $ % & ' () * +, -. /
0 1 2 3 4 5 6 7 8 9 : ; < = > ?
@ A B C D E F G H I J K L M N O
P Q R S T U V W X Y Z [ \ ] ^ _
` a b c d e f g h i j k l m n o
p q r s t u v w x y z { | } ~
</PRE>
<ADDRESS>
<P>
Demon@rambler.ru
</P>
< /ADDRESS>
Рис. 1.2 .Відображення на екрані.
Для представлення елементів у списковій формі служать теги списків. За допомогою списків зручно розташувати послідовність інформації у зручному для вас виді. /3/