Этот пример демонстрирует некоторые особенности поведения по умолчанию элементов параграфа.
<html><body> <p>Этот параграф содержит много строк в исходном коде,но браузер это игнорирует.</p> <p>Этот параграф содержит много пробеловв исходном коде,но браузер это игнорирует.</p> </body></html>Пример выполнения данного HTML-кода
Этот параграф содержит много строк в исходном коде, но браузер это игнорирует.
Этот параграф содержит много пробелов в исходном коде, но браузер это игнорирует.
Перенос строк
Этот пример демонстрирует использование переноса строк в документе HTML.
<html><body> <p>Чтобы выполнить перенос<br>строк<br>в <br>параграфе,<br>используйте тег br.</p></body></html>Пример выполнения данного HTML-кода
Чтобы выполнить перенос
строк
в
параграфе,
используйте тег br.
Этот пример демонстрирует некоторые проблемы с форматированием HTML. Попробуем отформатировать стихи:
<html><body> <p> В лесу родилась елочка. В лесу она росла. Зимой и летом стройная, Зеленая была.</p> <p>Обратите внимание, что браузер просто проигнорировал использованное форматирование!</p> </body></html>
Пример выполнения данного HTML-кода
В лесу родилась елочка. В лесу она росла. Зимой и летом стройная, Зеленая была.
Обратите внимание, что браузер просто проигнорировал использованное форматирование!
Заголовки
Этот пример демонстрирует теги, которые выводят заголовки в документе HTML.
<html><body> <h1>Это заголовок уровня 1</h1><h2>Это заголовок уровня 2</h2><h3>Это заголовок уровня 3</h3><h4>Это заголовок уровня 4</h4><h5>Это заголовок уровня 5</h5><h6>Это заголовок уровня 6</h6> <h1 align="center">Это заголовок 1, он выровнен по центру страницы.</h1> <p>Используйте теги заголовков только для заголовков. Не используйте их просто для того, чтобы выделить что-то жирным шрифтом. Используйте для этого другие теги.</p> </body></html>Пример выполнения данного HTML-кода
Это заголовок уровня 1
Это заголовок уровня 2
Это заголовок уровня 3
Это заголовок уровня 4
Это заголовок уровня 5
Это заголовок уровня 6
Это заголовок 1, он выровнен по центру страницы.
Используйте теги заголовков только для заголовков. Не используйте их просто для того, чтобы выделить что-то жирным шрифтом. Используйте для этого другие теги.
Горизонтальная линейка
Этот пример демонстрирует, как использовать горизонтальную линейку.
<html><body><p>Тег <hr> определяет горизонтальную линейку:</p><hr><p>Это параграф</p><hr><p>Это параграф</p></body></html>Пример выполнения данного HTML-кода
Тег
определяет горизонтальную линейку:
Это параграф
Это параграф
Комментарий
Этот пример демонстрирует, как использовать комментарий в исходном коде HTML.
<html><body> <!--Этот комментарий выводиться не будет--><p>Это обычный параграф.</p> </body></html>Пример выполнения данного HTML-кода
Это обычный параграф.
Фоновый цвет
Этот пример демонстрирует использование цветного фона на странице HTML. При выборе фона всегда проверяйте, чтобы текст был хорошо читаем!
<html><body bgcolor="yellow"><h2>Смотри: Цветной фон!</h2></body></html>Пример выполнения данного HTML-кода
Смотри: Цветной фон!
Таблица основных тегов HTML
Тег | Описание |
<html> | Определяет документ HTML |
<body> | Определяет основную часть или тело документа |
<h1> -- <h6> | Определяет заголовки с 1 по 6 |
<p> | Определяет параграф |
<br> | Вставляет единичный перенос строки |
<hr> | Определяет горизонтальную линейку |
<!--> | Определяет комментарий |