Працюємо з текстом, вчимося додавати коментарі html

У цьому уроці ви навчитеся працювати з текстом в HTML.

nbsp, br, pre

Написавши в коді текст, ви можете помітити, що на символ пробілу, табуляції і на новий рядок браузер реагує якось цікаво, а якщо точніше - практично не реагує. Давайте розберемося, що ми тут маємо на увазі.

Справа в тому, що браузер після кожного окремого слова реагує тільки на один пробіл, а решту він ігнорує, це стосується пробілу, табуляції і переведення рядка. Але що робити, якщо нам потрібно поставити більше одного пробілу? Для цього є спеціальний символ - Кожен окремий такий символ - це один пробіл.

Що стосується перекладу рядка, то він ігнорується. Але як перевести пропозицію або будь-який інший текст на наступний рядок, коли це необхідно? Для цього використовується. закриває тега немає.

Цікаво тепер розглянути один корисний елемент - pre. Використовуючи його можна в укладеному в ньому тексті не писати, а просто створювати прогалини і переклади рядка з клавіатури, і браузер не буде їх ігнорувати.

Абзац, тег p

Також в текстах потрібно використовувати тег p. Він спеціально призначений для абзаців, відразу скажемо, що він є блоковим елементом. Що таке блоковий елемент? Щоб поки сильно не забігати вперед, а саме до верстки і CSS, скажемо тільки, що кожен блоковий елемент генерує перед собою і після себе один новий рядок або відступ. Щоб краще це зрозуміти, розглянемо приклад:

h1 - h6

Крім абзаців в текстах можна також використовувати заголовки: h1, h2, h3, h4, h5, h6. h1 - це найбільший заголовок, а h6 - найменший. Тема теж є блоковим елементом. приклад:

Атрибут align

Зараз розглянемо один застарілий атрибут - align. На сьогоднішній день він замінений CSS. Атрибут align означає вирівнювання елемента - по лівому краю (align = "left"), по правому краю (align = "right"), по центру (align = "center"), з обох сторін (align = "justify"). За замовчуванням використовується align = "left".

strong і em

Зараз розглянемо рідко використовуються елементи. Наприклад, strong робить текст жирним, а em - курсивом. Вони дуже рідко використовуються, так як замінюються стилями CSS.

div і span

Тепер розглянемо два елементи-контейнера

Перший з них - блоковий, а другий - строковий. Блоковий елемент div генерує до себе і після себе відступ, а строковий span нічого не генерує, а просто є контейнером. Помістивши в ці контейнери якесь вміст, це саме вміст не змінюється зовні ніяк. Більш докладно вони розглядаються в розділі «Уроки по CSS».

колір тексту

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