RESTOR- От HTML до С++ |
HTML |
JavaScript |
CSS |
Flash MX |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » RESTOR- От HTML до С++ » Основы работы с HTML » 1. Лекция: Введение в HTML
Переносы строк.
Для переноса внутри параграфа используется тег <br>, который выполняет принудительный перенос строки.
<html>
<body>
<p>Это <br>пара<br>граф с переносами строк</p>
</body>
</html>
Пример выполнения данного HTML-кода
Тег <br> не имеет закрывающего тега. Поэтому для совместимости с будущими версиями стандарта рекомендуется следующее написание тега <br/>
Горизонтальная линейка
Разделять различные элементы можно при помощи горизонтальной линейки, для этого используйте тег <hr>:
<html>
<body>
<p>Это параграф отобразится сверху горизонтальной полосы.</p>
<hr>
<p>Это параграф отобразится снизу горизонтальной полосы.</p>
</body>
</html>
Тег <hr> не имеет закрывающего тега. Поэтому для совместимости с будущими версиями стандарта рекомендуется следующее написание тега <hr/>. Для этого тега определен ряд атрибутов, но они являются устаревшими. И хотя их применение возможно, но консорциум W3C их использовать не рекомендует. Вместо них следует использовать таблицы стилей.
Комментарии в HTML
Тег комментария используется для вставки комментариев в исходный код HTML. Комментарии будут проигнорированы браузером. Комментарии можно использовать для пояснения кода, что может помочь при редактировании исходного кода в будущем.
<!-- Это комментарий -->
Вот пример:
<html>
<body>
Этот текст будет показан в окне браузера.
<!-- Этот текст не будет показан, это комментарий. -->
</body>
</html>
Дополнительные примеры
Лучшим способом изучения HTML является работа с примерами. Рассмотрим несколько примеров, которые иллюстрируют некоторые элементы форматирования документов.
Дополнительные параграфы
Этот пример демонстрирует некоторые особенности поведения по умолчанию элементов параграфа.
<html>
<body>
<p>
Этот параграф
содержит много строк
в исходном коде,
но браузер
это игнорирует.
</p>
<p>
Этот параграф
содержит много пробелов
в исходном коде,
но браузер
это игнорирует.
</p>
</body>
</html>
Перенос строк
Этот пример демонстрирует использование переноса строк в документе HTML.
<html>
<body>
<p>
Чтобы выполнить перенос<br>строк<br>в<br>параграфе,<br>используйте тег br.
</p>
</body>
</html>
Этот пример демонстрирует некоторые проблемы с форматированием HTML. Попробуем сформатировать стихи:
<html>
<body>
<p>
В лесу родилась елочка.
В лесу она росла.
Зимой и летом стройная,
Зеленая была.
</p>
<p>Обратите внимание, что браузер просто проигнорировал использованное форматирование!</p>
</body>
</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>
<body>
<p>Тег <hr> определяет горизонтальную линейку :</p>
<hr>
<p>Это параграф</p>
<hr>
<p>Это параграф</p>
</body>
</html>
Комментарий
Этот пример демонстрирует, как использовать комментарий в исходном коде HTML.
<html>
<body>
<!--Этот комментарий выводиться не будет-->
<p>Это обычный параграф.</p>
</body>
</html>
Фоновый цвет
Этот пример демонстрирует использование цветного фона на странице HTML. При выборе фона всегда проверяйте, чтобы текст был хорошо читаем!
<html>
<body bgcolor="yellow">
<h2>Смотри: Цветной фон!</h2>
</body>
</html>
Вы здесь » RESTOR- От HTML до С++ » Основы работы с HTML » 1. Лекция: Введение в HTML