Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Практична робота web.docx
Скачиваний:
0
Добавлен:
01.05.2025
Размер:
187.08 Кб
Скачать

Заголовки

Заголовки є важливою частиною документа. Вони розділяють інформацію на окремі логічні частини і тому істотно покращують її сприйняття.

Заголовки бувають різні по значенню, або як говорять, по рівню.

Підручник, наприклад, має назву - це заголовок першого рівня. Текст в підручнику розбитий на розділи; назви глав - це заголовки другого рівня. Глави містять параграфи із заголовками третього рівня. Параграфи - пункти, позначені заголовками четвертого рівня.

В HTML-документі підтримуються заголовки шести рівнів за допомогою конструкції

<Нn>Текст заголовка</Нn>

Тут як n слід використовувати одну з цифр 1-6, позначаючи рівень заголовка.

При показі HTML-документа заголовки виділяються браузером розміром шрифту і жирністю (мал. 1.3).

Використовувати заголовок потрібно дуже акуратно відповідно до його логічного рівня в структурі документа. Не слід записувати команди <Hn> для виділення звичайного тексту - вони застосовуються тільки для заголовків.

Наприклад, історія про те, як хлопці пішли в ліс за грибами, може мати таку структуру (праворуч від заголовка проставлений його рівень) (мал. 1.4).

Горизонтальна лінія

Лінія - найпростіший графічний елемент, який уміє будувати браузер. Горизонтальна лінія задається тегом <hr>, і цей тег не має парного закриваючого. Браузер, виконуючи цю команду, виводить на екран горизонтальну межу.

Горизонтальні лінії зручно використовувати для додаткового виділення (або розділення) елементів документа на екрані. Подивіться ще раз, як лінія виділяє заголовок в прикладі на мал. 1.2.

Абзац

Людині на відміну від комп'ютера важко сприймати однорідну інформацію, тому в книгах букви не покривають суцільно всю сторінку, хоча це значно заощадило б папір. Сторінка на догоду людській природі містить багато пустки, а текст ділиться на порції - абзаци.

Абзаци відділяються один від одного «червоними» і (або) порожніми рядками. Червоний рядок - це перший рядок абзацу з текстом, зсунутим управо.

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

Ось зараз початий новий абзац, тому що закінчений вступ, і розмова піде про те, як програмуються абзаци на HTML.

Браузер використовує не червону, а порожній рядок для відділення одного абзацу від іншого або абзацу від інших елементів документа. Задається абзац тегами <р> і </р>, між якими поміщається текст. Фактично робота тега <р> зводиться до висновку перед текстовим фрагментом порожнього рядка. А ось парний тег </р> просто ігнорується браузером, тому його можна і не писати.

Браузер виконує команду <р> таким чином:

  • перед абзацом виводиться порожній рядок;

  • абзац вирівнюється по лівому краю;

  • між словами поміщається рівно по одному пропуску незалежно від того, скільки пропусків проставлено в HTML-програмі;

  • перенесення тексту на новий рядок відбувається тоді, коли чергове слово не поміщається в екранному рядку, а не тоді, коли новий рядок починається в HTML-програмі.

  • Подивіться на абзац, який побудував браузер на мал. 1.2.