Форматування HTML-документу

Тег <br> використовується для примусового переводу рядка. Необхідність використання даного тегу пояснюється тим, що при відображенні текстових документів перенесення тексту із одного рядка в інший відбувається автоматично та залежить в основному від розмірів шрифту та розмірів вікна браузера. При цьому переведення рядка може здійснюватись тільки по символам, що розділяють окремі слова.

Розглянемо приклад запису виразів "Перший рядок" та "Другий рядок" в двох різних рядках. Відповідний HTML-код такий:

<body>

Перший рядок <br> Другий рядок

</body>

Парний тег <nobr> на відміну від тегу <br> використовується для заборони переводу рядка. Наприклад, для гарантовано розміщення в одному рядку виразу "Цей текст повинен відображатись в одному рядку" необхідно:

<nobr> Цей текст повинен відображатись в одному рядку </nobr>

Якщо даний текст не буде вміщуватись в одному рядку, то в вікні браузера з’явиться горизонтальна смуга прокрутки.

Тег <p> призначений для розділу тексту HTML-сторінки на окремі абзаци. Даний тег є тегом-контейнером та може використовуватись з необов’язковим параметром align. Значення параметру align та наслідки його використання для абзаців ті ж самі, що і для заголовків, див. табл. 2.2. Відзначимо, що візуально в вікні браузера абзац буде відділятись від іншого тексту за допомогою порожніх рядків та можливої зміни горизонтального вирівнювання. Наведемо приклад використання тегу <p>:

<body>

Звичайний текст

<p align="center"> Абзац з горизонтальним вирівнюванням - "по центру" </p> </body>

Відповідне вікно браузера показане на рис. 2.5.

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

<body>

Звичайний текст

<center> Текст з горизонтальним вирівнюванням - "по центру" </center>

Звичайний текст </body>

Відзначимо, що в специфікаціях діючих стандартів HTML тег <center> позначений як не бажаний для використання, хоча і підтримується практично всіма розповсюдженими браузерами.

 

Рис. 2.5 Використання тегу абзацу

 

Тег - контейнер <pre> використовується для визначення попередньо відформотованого тексту. Текст розміщений між тегами <pre> та </pre> буде виведений у вікні браузера з збереженням деяких параметрів форматування, виконаних за допомогою текстових редакторів. Відзначимо, що в середині контейнеру <pre> не можна використовувати деякі важливі та широко вживані теги. Тому використання цього тегу досить обмежене.

Тег <hr> - призначений для виведення в вікні браузера горизонтальної лінії, до і після якої вставляються порожні рядки. Необов’язкові параметри тегу <hr> та їх призначення наведені в табл. 2.3.


Таблиця 2.3

Параметри тегу <hr>

Параметр Призначення
align Визначення горизонтального вирівнювання лінії. Можливі значення: left ("по лівому краю"), center ("по центру"), right ("по правому краю"). Якщо параметр align не використаний то застосовується вирівнювання "по центру"
color Встановлює колір лінії
noshade Відміняє рельєфність лінії
size Визначає товщину лінії
width Встановлює довжину лінії

Наприклад, для визначення лінії червоного кольору, товщиною 2 пікселі, довжиною 400 пікселів, без рельєфу необхідно:

<hr color="red" size=2 width=400 noshade>

 








Дата добавления: 2015-08-21; просмотров: 1086;


Поиск по сайту:

При помощи поиска вы сможете найти нужную вам информацию.

Поделитесь с друзьями:

Если вам перенёс пользу информационный материал, или помог в учебе – поделитесь этим сайтом с друзьями и знакомыми.
helpiks.org - Хелпикс.Орг - 2014-2024 год. Материал сайта представляется для ознакомительного и учебного использования. | Поддержка
Генерация страницы за: 0.004 сек.