Зазвичай будь-який документ містить будь-якої текст, будь то опис до зображення або опис чого-небудь іншого, для зручності сприйняття тексту, він ділиться на невеликі частини (підрозділи), розділені переносом рядка, символом нового рядка або відступом. Ці підрозділи тексту і називаються абзацами.
Для визначення абзацу в HTML-документі використовується тег
(P - скорочення від англ. Слова paragraph - абзац). При відображенні тега
, браузер автоматично вставляє до і після нього відступи, відокремлюючи його, таким чином, від інших елементів, розмір відступів можна змінити за допомогою стилів CSS. Для розриву рядка всередині абзацу використовується тег
.
HTML тег
, разом з усім його вмістом, відноситься до блокових елементів, при відображенні він буде займати всю доступну йому ширину, а висота буде залежати від вмісту.
Примітка: cтоит звернути увагу на те, що всі прогалини поставлені між відкриває тегом
і його вмістом будуть ігноруватися браузером, також як і всі прогалини між вмістом і закриває тегом
. Тому, таку банальну річ, як новий рядок, не вийде зробити лише поставивши кілька додаткових пробілів перед текстом, але з цією проблемою легко буде впоратися за допомогою CSS властивості text-indent. яке дозволяє не тільки задати новий рядок, а й точно визначити розмір відступу для неї.Стиль за замовчуванням
Результат даного прикладу у вікні браузера: