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

HTML5 Учебник

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

HTML Формы

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

HTML5

HTML5 ВведениеHTML5 ПоддержкаHTML5 Новые ЭлементыHTML5 СемантикаHTML5 МиграцияHTML5 Синтасис

HTML Графика

HTML CanvasHTML SVGHTML Google Карта

HTML Медиа

HTML МедиаHTML ВидеоHTML АудиоHTML ОбъектыHTML YouTube

HTML API

HTML ГеолокацияHTML ПеретаскиваниеHTML Веб ХранилищеHTML Веб РаботникHTML СОС

HTML Примеры

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

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

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

HTML Параграфы



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

Пример

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

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


HTML Дисплей

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

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

Причем в HTML, Вы не можете изменить вывод, путем добавления дополнительных пробелов или дополнительных строк в HTML-коде.

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

Пример

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

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

Не забудьте закрывающий тег

Большинство браузеров будут отображать HTML правильно, даже если вы забыли закрывающий тег:

Пример

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

Пример выше будет работать в большинстве браузеров, но не полагайтесь на него.

Примечание: Пропустить закрывающий тег может привести к неожиданным результатам или ошибкам.


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> Определяет параграф
<br> Вставляет разрыв строки
<pre> Определяет предварительно отформатированный текст