Абзацы в HTML

Абзацы в HTML создаются при помощи тега <p>...</p>:

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo sed totam velit, ut voluptas similique, excepturi explicabo eius tempora quia pariatur repellat asperiores eos quod assumenda saepe laboriosam? Excepturi, suscipit!</p>

Тег <p> является блочным тегом.

Блочные теги занимают всю ширину веб-страницы, и содержимое, идущее после блочных тегов всегда будет начинаться с новой строки. Теги для заголовков, рассмотренные в прошлом уроке, также являются блочными.

Строчные теги не занимают всю ширину окна, содержимое, идущее после этих тегов находится на той же строке.

К строчным тегам относятся:

  • тег <strong>Текст</strong> – делает текст жирным на странице;
  • тег <em>Текст</em> – делает текст наклонным на странице;
  • тег <s>Текст</s> – делает текст перечеркнутым на странице.

Пример:

<p>Lorem ipsum dolor sit amet, <strong>consectetur adipisicing elit</strong>. Dolores, ipsum, <em>provident nobis id delectus</em> quidem explicabo amet accusantium mollitia atque optio <s>aspernatur nemo voluptatibus</s> tempora quas corporis quis. Dolores, beatae.</p>

Результат в браузере:

Форматирование текста


Видео к уроку

Комментарии