Последние учебники веб-разработки
×

HTML5 Руководство

HTML ГЛАВНАЯ HTML Введение HTML редакторы HTML базовый HTML элементы HTML Атрибуты HTML Заголовки HTML Пункты HTML Стили HTML форматирование HTML цитаты HTML Компьютерный код HTML Комментарии HTML Цвета HTML CSS HTML связи HTML Изображений HTML таблицы HTML Списки HTML Блок и строковые элементы HTML Классы HTML раскладка HTML отзывчивый HTML Iframes HTML JavaScript HTML Глава HTML юридические лица HTML Символы HTML Charset HTML URL шифровать HTML XHTML

HTML формы

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

HTML5

HTML5 вступление HTML5 Поддержка HTML5 элементы HTML5 Семантика Миграция HTML5 HTML5 Гид по стилю

HTML Графика

HTML холст HTML SVG

HTML СМИ

HTML СМИ HTML видео HTML аудио HTML Плагины HTML YouTube

HTML APIs

HTML Geolocation HTML Перетаскивания HTML Локальное хранилище HTML App кэш HTML Web Workers HTML SSE

HTML Примеры

HTML Примеры HTML викторина HTML5 викторина HTML Резюме

HTML Рекомендации

HTML Список тегов HTML Атрибуты HTML События HTML холст HTML Аудио Видео HTML DOCTYPEs HTML Цвета HTML Наборы символов HTML URL шифровать HTML Языковые коды HTTP Сообщения HTTP методы PX to EM конвертер Горячие клавиши

HTML Пункты


HTML документы разделены на параграфы.


HTML Пункты

HTML <p> элемент определяет пункт.

пример

<p>This is a paragraph</p>
<p>This is another paragraph</p>
Попробуй сам "

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


HTML Display

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

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

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

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

Любое число пробелов, и любое количество новых линий, учитываются как только один пробел.

пример

<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>

<p>
This paragraph
contains         a lot of spaces
in the source         code,
but the        browser
ignores it.
</p>
Попробуй сам "

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

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

пример

<p>This is a paragraph
<p>This is another paragraph
Попробуй сам "

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

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

Строгие версии HTML, XHTML, как, не позволит вам пропустить закрывающий тег.


Перерывы HTML Line

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

Используйте <br> , если вы хотите разрыв строки (a new line) , не запуская новый пункт:

пример

<p>This is<br>a para<br>graph with line breaks</p>
Попробуй сам "

<br> элемент является пустым HTML элементом. Он не имеет конечного тега.


Поэма проблема

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

пример

<p>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</p>
Попробуй сам "

HTML <pre> Элемент

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

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

пример

<pre>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</pre>
Попробуй сам "

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

Упражнение 1 » Упражнение 2» Упражнение 3 » Упражнение 4»


Тег HTML Ссылка

тег ссылки w3ii»содержит дополнительную информацию о HTML-элементов и их атрибутов.

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