Вставка символів прогалин (&nbsp)

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

Прогалини – зручний засіб задавання відступу для першої стрічки абзацу. Їх використовують для виділення деяких елементів Web-сторінки, наприклад, графічних об’єктів. Вставка символу прогалини між двома зображеннями дозволяють запобігти такій ситуації, коли дві картинки можуть бути сприйняті як одна велика.

Команда   створює неподільний пустий простір між елементами сторінки. Ввід   замість символу прогалини між сусідніми словами гарантує, що обидва слова не будуть рознесені по різних стрічках у вікні браузера – програма обов’язково розташує їх поруч.

Наприклад:

<p>       Відступ перед першою стрічкою абзацу.</p>

відобразиться у Web-браузері:

Відступ перед першою стрічкою абзацу.

Створення заголовків (<H?>)

Стандарт HTML передбачає можливість використання заголовків шести рівнів вкладеності. Заголовки рівня 1 (позначаються дескриптором <H1>) відображаються найбільшим шрифтом, а рівня 6 (<H1>0 – найменшим. Заголовки, що позначаються дескрипторами <H1>, <H2>, <H3>. Використовують за прямим призначенням, а теги <H5>, <H6> часто застосовують для виділення фрагментів тексту, які містять відомості про авторські права або іншу інформацію офіційного характеру. Шрифт заголовків, що форматуються за допомогою дескриптора <H4>, як правило, не відрізняється за розміром від розміру шрифту основного тексту.

Web-браузер відображає заголовки напівжирним шрифтом, додаючи над і під ним пусті стрічки. Більшість браузерів за замовчуванням вирівнюють текст заголовків вліво. Атрибут ALIGN дозвиляє відступити від цього правила.

Наприклад,

<H1>Це заголовок 1-го рівня </H1>

<H3>Це заголовок 2-го рівня </H3>

відобразиться у Web-браузері:

Це заголовок 1-го рівня

Це заголовок 2-го рівня

Попереднє форматування тексту (<pre>)

Зазвичай Web-браузери ігнорують пусті стрічки та надлишкові прогалини всередині тексту сторінки. Дескриптор <pre> задає браузеру зберігати в недоторканості пусті ділянки тексту Web-сторінки, набраного вами у текстовому редакторі або процесорі.

Web-браузери відображають попередньо відформатований текст за допомогою моноширінних шрифтів (наприклад Courier), де кожному символу відводиться ділянка однакового розміру. Бажаючи скористатись засобами попереднього форматування, потрібно використовувати для вводу відповідних фрагментів тексту один із моноширінних шрифтів, щоб наперед передбачити результат відображення сторінки у вікні браузера.

Попереднє форматування – зручний засіб для створення простих таблиць. Введіть текст таблиці, вирівняйте його за допомогою прогалин (на використовуйте символів табуляції), а потім помітьте його тегами <pre> і </pre>.

Вставляння спеціальних символів

Специфікація HTML передбачає набір кодів, які відповідають спеціальним символам, які не можливо ввести з клавіатури, але які потрібно включати у текст Web-сторінки.

За необхідності вставляння спеціального символу потрібно вказати його числовий або мнемонічний код. Числовий код складається із знаків амперсанда (&), фунта (#), номера символу і крапки з комою (;). Мнемонічний код складається зі знаку амперсанда (&), наіменування символу і крапки з комою (;)

Спеціальні символи

Символ	Числовий код	Мнемонічний код	Символ	Числовий код	Мнемонічний код
“	"	"
&	&	&
<	<	<
>	>	>
₡	¢	¢
§	§	§
	©	©
	®	®
	°	°
	±	&pusmn;

ФОРМАТУВАННЯ ТЕКСТУ

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

Щоб надати фрагменту смисловий акцент, зручно використовувати засоби зміни написання шрифту.

Дескриптор <B> дозволяє позначити уривок тексту напівжирним (bold) шрифтом, а <I> дає можливість відобразити текст курсивом (italic)

Наприклад:

<p><B>Це напівжириний текст</B></p>

відобразиться браузером

Це напівжириний текст

<p><І>Це курсивний текст</І></p>

відобразиться браузером:

Це курсивний текст

Дескриптор <U> використовується для підкреслювання тексту. Використовувати його потрібно обережно, оскільки подібний текст користувачі можуть сприйняти як гіперпосилання.

Дескриптор <strike> надає вказаний фрагмент тексту ознаки закреслювання.

Для привертання уваги читачів, крім вже вказаних використовуються і інші дескриптори HTML: <STRONG> – аналогічний за змістом тегу <B>, а також <ЕМ> - аналогічний за змістом тегу <І>.

Дескриптори <DEL> та <INS> дають дизайнеру можливість привернути увагу користувача на змінені фрагменти тексту Web-сторінки. Тег <DEL> може застосовуватись для позначення тексту, який згодом буде усунений, а <INS> - для надання смислового акценту матеріалу, який появився на сторінці недавно.

Дескриптор <CENTER> дозволяє центрувати текст на сторінці по горизонталі. Такий засіб є зручний для виділення найменувань або заголовків.

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