Головна

Форматування абзаців, рядків та символів.

Щоб текст сторінки не відображався суцільним текстом, використовують такі одинарні теги:

<p> - початок абзацу (текст після тега починається з нового абзацу);

<br> - початок нового рядка (текст після тега починається з нового рядка);

<hr> - горизонтальна лінія (у рядку, де розміщено тег, відображається горизонтальна лінія).

При використанні тега <p> спочатку вставляється порожній рядок. Далі текст виводиться з початку нового рядка. Якщо вжито тег <br>, то порожній рядок не вставляється.

Перед деякими фрагментами тексту можуть розміщатися заголовки. Вони виділяються більшим шрифтом. HTML має теги для задання величини заголовків (шість рівнів).Найкрупнішим шрифтом виділяються заголовки першого рівня, а найдрібнішим – шостого.

Текст заголовка визначається парним тегом

<Hn> … </Hn>, де n – номер рівня.

Наприклад, фрагмент HTML-документа

<H1> Ласкаво просимо! </H1>  відображається як заголовок першого рівня.

Абзаци й заголовки можна вирівнювати по центру, лівому чи правому краю. Для цього в імені команди в початковій частині тега вказується параметр ALIGN (вирівняти) й після знака«=» (дорівнює) одне з наступних значень:

CENTER – по центру;

LEFT – по лівому краю;

RIGHT – по правому краю.

Наприклад, фрагмент HTML-документа

<p ALIGN=RIGHT> Заходьте ще! Відображається як текст „Заходьте ще!”, який притиснуто до правого краю.

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

Наприклад, HTML-документ, який подано на рисунку

відображається в броузері в такому вигляді:

У наведеному вище прикладі використані теги, що керують шрифтом виведення окремих символів.

Для форматування символів у мові HTML існують теги:

Теги форматування символів

 Створення списків.

 Якщо у Web-документі треба перераховувати дані, то їх виводять у вигляді списку. Найчастіше використовуються списки таких типів:

·             Ненумеровані (маркіровані) – відображаються у вигляді послідовності позначених елементів, позначаються тегом <ul> … </ul>;

·             Нумеровані – відображаються у вигляді списку, елементи якого мають послідовні номери, позначаються тегом <ol> … </ol>;

·             Словник визначень – відображається у вигляді термінів і їх визначень, позначається тегом  <dl> … </dl>.

Перед кожним елементом ненумерованого й нумерованого списків вказується одинарний тег <li>. У списку типу словника визначень перед кожним терміном вказується одинарний тег <dt>, а перед його визначенням – тег <dd>.

HTML-документ із нумерованим списком Захоплення та словником визначень, у якому пояснюється кожний вид захоплень наведено на рисунку.

(1)ненумерований список, (2) словник визначень.

Як відображаються ці списки у вікні броузера,

показано на слідую чому рисунку

Початок і закінчення ненумерованого списку позначено парним тегом <ul> … </ul>, а перед кожним елементом списку одинарний тег <li> (наприклад, <li> інформатика).

Словник визначень обмежено парним тегом  <dl> … </dl>. У ньому кожний термін починається одинарним тегом <dt>, а його пояснення – тегом <dt>. Наприклад, у словнику визначень використовується термін Інформатика та його визначення:

<dt> Інформатика

<dd> Мені подобається створювати додатки в Access

відображається в броузері в такому вигляді:

У наведеному вище прикладі використані теги, що керують шрифтом виведення окремих символів.

Для форматування символів у мові HTML існують теги: