Тема 3. Мова розмітки гіпертексту html

План лекції

1. Теги управління розміткою.

2. Теги керування відображенням символів.

3. Організація тексту всередині документа.

4. Засоби опису таблиць у HTML.

Ключові слова: тег, атрибут, теги управління розміткою, теги розмітки, фізичний стиль, логічний стиль, форматований текст, маркіровані списки, нумеровані списки, списки визначень, теги таблиці.

Список рекомендованої літератури

і. Вин Д. Искусство web-дизайна: Самоучитель.- СПб.: Питер, 2002.-224с: ил.

2. Гультас: А.К. WEB-дгоайн от MACROMEDIA: Практическое

; пособие.- СПб.: КОРОНА принт, 2001.- 480с: ил.

3. Каллахан I. Ваша Web-страница. Проблемы и решения: Практ. йособие.- Пер. с англ.- М: ЭКОМ, 2002.- 432с: ил.

4. Матвієнк© О.В. Internet-технології: проектування Web-сторінки: Навч. посібник/ О.В.Матвієнко, І.Л.Бородкіна.- 2-ге вид., дороб. і доп.- К: Центр навчальної літератури, 2004.- 154с. * ;• \

5. Федорчук а. Как создаются Web-сайты: краткий курс- сПб: Питер, 2000.-224с: ил.

1. Теги управління розміткою

<Ш>... </Ш> - <Н6> ... </Н6>. Теги виду <Нз> (де і-цифра від 1 до 6) описують заголовки шести різких рівнів. Заголовок першого рівня -найбільший, шостого рівня - найменший.

<Р> ... </Р>. Така пара тегів описує абзац. Усе, що знаходиться між <Р> і </Р>, сприймається як один абзац.

Теги <Ні> і <Р> можуть містити додатковий атрибут ALIGN ("вирівнювати"), наприклад:

<Н1 ALIGN=CENTER> Вирівнювання заголовку по центру</Н1>

або !-<Р

<Р ALIGN=RIGHT> Зразок абзацу з вирівнюванням по правому краю </Р>

<Р ALIGN=LEFT> Зразок абзацу з вирівнюванням по лівому краю </Р>

Елемент розмітки <BR>

Непарний тег <BR> використовується для переходу на новий рядок, не перериваючи абзац. Атрибут CLEA тегу <BR> використовується для того, щоб зупинити в зазначеній точці обтікання об'єкта текстом і потім продовжити текст у порожній області за об'єктом. Текст за об'єктом вирівнюється у відповідності зі значеннями LEFT, RIGHT або ALL атрибута CLEA:

<BR CLEA=left> Текст буде продовжений, починаючи

з найближчого порожнього лівого поля.

<BR CLEA=right> Текст буде продовжений, починаючи

з найближчого порожнього правого поля.

<BR CLEA=all> Текст буде продовжений, як

тільки і ліве, і праве поля виявляться порожніми.

Елемент розмітки <NOB> •

Тег <NOB> (No Вгеак, без обриву) відображає весь текст в одному радку, не обриваючи його.

Елемент розмітки <HR>

Тег <HR> описує горизонтальну лінію:

Тег може включати атрибути SIZE (визначає товщину лінії—у пікселях) і/або WIDTH (визначає розмах лінії у процентах від ширини екрана).

&-ПОСЛІДОВНОСТІ

Символи "<" і ">" сприймаються оглядачами як початок і кінець HTML-тегів. Для того щоб показати ці символи на екрані в HTML використовуються &-послідовності (символьні об'єкти або ескейп-послідовності). Оглядач показує на екрані символ "<", коли зустрічається в тексті послідовність <. Знак ">" кодується послідовність > (від англійських слів greater than-більше, ніж).

Символ "&" (амперсанд) кодується послідовністю &атр;

Символ лапки (") кодується послідовністю "

Крапка з комою - є обов'язковими елементами &- послідовності. Крім того, всі літери, що складають послідовність, повинні бути внижньому регістрі (тобто маленькі). Використання тегів типу &QUOT або &АМР не допускається.

Коментарі

Браузери ігнорують будь-який текст, що розміщений між <!-- і —>. Це зручно для розміщення коментарів,

<!-- Це коментар —> ' У'.