Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Лабораторная работа1-укр.doc
Скачиваний:
1
Добавлен:
10.11.2019
Размер:
3.38 Mб
Скачать

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/