САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ
×

HTML Учебник

HTML ГлавнаяHTML ВведениеHTML РедакторHTML ОсновныеHTML ЭлементыHTML АтрибутыHTML ЗаголовкиHTML ПараграфыHTML СтилиHTML ФорматированиеHTML ЦитированиеHTML КомментарииHTML ЦветHTML с CSSHTML СсылкиHTML ИзображениеHTML ТаблицыHTML СпискиHTML БлокиHTML КлассыHTML ИдентификаторыHTML ФреймыHTML с JavaScriptHTML Путь к файлуHTML Мета тегиHTML Методы версткиHTML Адаптивный дизайнHTML Компьютерный кодHTML5 СемантикаHTML5 СинтаксисHTML СущностьHTML СимволыHTML ЭмодзиHTML КодировкаHTML URL КодировкаHTML в XHTML

HTML Формы

HTML ФормыHTML Элементы вводаHTML Типы вводаHTML Атрибуты вводаHTML Атрибуты форм ввода

HTML Графика

HTML5 CanvasHTML5 SVG

HTML Медиа

HTML Медиа форматHTML5 ВидеоHTML5 АудиоHTML ПлагиныHTML YouTube

HTML API

HTML5 ГеолокацияHTML5 ПеретаскиваниеHTML5 Веб хранилищеHTML5 Веб работникHTML5 SSE

HTML Примеры

HTML ПримерыHTML ТестированиеHTML УпражненияHTML СертификатHTML ЗаключениеHTML Возможности

HTML Справочники

HTML Список теговHTML АтрибутыHTML Глобальные атрибутыHTML Поддержка браузераHTML СобытияHTML ЦветаHTML ХолстHTML Аудио/ВидеоHTML Типы документовHTML Кодировка символовHTML URL КодировкаHTML Коды языкаHTTP СообщенияHTTP МетодыPX в EM конвертерКлавишные комбинации

HTML - Параграфы



Параграф всегда начинается с новой строки и обычно представляет собой блок текста.

Параграф HTML

HTML элемент <p> определяет параграф.

Параграф всегда начинается с новой строки, и браузеры автоматически добавляют некоторые пробелы (поля) до и после параграфа.

Пример

<p>Это параграф.</p>
<p>Это еще один параграф.</p>
Попробуйте сами »

HTML Отображение

Вы не можете быть уверены, как будет отображаться HTML.

Большие или маленькие экраны, а также измененные размеры окон будут создавать различные результаты.

С помощью HTML вы не можете изменить отображение, добавив дополнительные пробелы или дополнительные строки в свой HTML код.

Браузер автоматически удалит все лишние пробелы и строки при отображении страницы:

Пример

<p>
Параграф
содержит много строк
в исходном коде,
но браузер
игнорирует их.
</p>

<p>
Параграф
содержит         много пробелов
в исходном         коде,
но       браузер
игнорирует их.
</p>
Побробуйте сами »


HTML Горизонтальная линия

Тег <hr> определяет тематический разрыв на HTML странице и чаще всего отображается в виде горизонтального линии.

Элемент <hr> используется для разделения содержимого (или определения изменения) на HTML странице:

Пример

<h1>Это заголовок 1</h1>
<p>Это параграф.</p>
<hr>
<h2>Это заголовок 2</h2>
<p>Это еще один параграф.</p>
<hr>
Попробуйте сами »

Тег <hr> - это пустой тег, что означает, что у него нет конечного тега.


HTML Разрыв строк

HTML элемент <br> определяет разрыв строк.

Если вы хотите начать текст с (новой строки), не начиная новый параграф, установите тег <br>:

Пример

<p>Этот<br>параграф<br>с разрывом строк.</p>
Побробуйте сами »

Тег <br> пустой, который означает, что он не имеет закрывающего тега.


Проблема стихотворения

Это стихотворение будет отображаться в одной строке:

Пример

<p>
  Моя Бонни не за океаном.

  Моя Бонни не за морем.

  Моя Бонни не за океаном.

  Ах, вернись моя Бонни ко мне.
</p>
Редактор кода »

HTML <pre>

Элемент <pre> определяет предварительно отформатированный текст.

Текст находящийся внутри элемента <pre> отображается в фиксированной ширине шрифта (обычно курсив), и он сохраняет пробелы и разрывы строк:

Пример

<pre>
  Моя Бонни не за океаном.

  Моя Бонни не за морем.

  Моя Бонни не за океаном.

  Ах, вернись моя Бонни ко мне.
</pre>
Редактор кода »

HTML Упражнения

Проверте себя с помощью упражнений

Упражнение:

Используйте правильный HTML тег, чтобы добавить абзац с текстом "Привет Мир!".

<html>
<body>

</body>
</html>

Начните упражнения


HTML Справочник тегов

Справочник тегов SchoolsW3 содержит дополнительную информацию о элементах HTML и их атрибутах.

Тег Описание
<p> Определяет параграф
<hr> Определяет тематическое изменение содержания
<br> Вставляет разрыв строки
<pre> Определяет предварительно отформатированный текст

Для получения полного списка всех доступных HTML тегов посетите HTML Справочник тегов.