180.2. Логические части HTML-документа.
Структура HTML-документа для вывода в окне браузера фразы «Здравствуй, мир!»:
<!DOCTYPE html> <html>
<head>
<title>Заголовок окна</title> </head>
<body> Здравствуй, мир!
</body>
</html>
11
181. Тег для принудительного перехода на новую строку без создания абзаца.
Для принудительного перехода на новую строку без создания абзаца используется непарный тег <br>.
12
182.1. Тег для создания горизонтальной линии.
Для создания горизонтальной линии используется непарный тег <hr>. В HTML версий до HTML5 у тега <hr> могли быть атрибуты, определяющие правило выравнивания линии по горизонтали, заливку линии, толщину и ширину линии. Начиная с версии HTML5, атрибутов у тега <hr> нет. Для описания вида линии используется язык CSS.
Пример использования горизонтальной линии:
<!DOCTYPE html> <html>
<head>
<title>Горизонтальная линия в HTML</title> </head>
<body>
<p>Некий текст на странице.</p> <hr>
<p>Текст, который по смыслу отделен от текста выше.</p> </body>
</html>
13
182.2. Тег для создания горизонтальной линии.
Атрибуты тега <hr>:
14
183.Теги для отображения заголовков.
ВHTML-документе могут быть заголовки до 6 уровней, которые описываются при помощи тегов-контейнеров <h1> … </h1>, <h2> … </h2> … <h6> … </h6>.
Заголовок самого высокого уровня записывается в контейнере <h1> … </h1>, заголовок второго уровня – в контейнере <h2> … </h2> и т.д.
Заголовки отделяются от остального текста пустыми строками автоматически.
Заголовки отображаются в браузере символами, размер которых уменьшается при переходе к нижним уровням.
15
184. Тег для разбивки текста на абзацы.
Для разбивки текста на абзацы используется тег-контейнер <p> … </p>.
Браузеры автоматически добавляют отступы сверху и снизу от тега и отступ первой строки абзаца («красную строку»). Стили тега можно
изменить с помощью каскадных таблиц стилей CSS.
16
185. Атрибут для выравнивания текста – align. В каких тегах используется?
Для выравнивания текста внутри элементов используется атрибут align, который может принимать значения left, right, center, justify (по
умолчанию – left).
left – выравнивание текста по левому краю окна или элемента; right – выравнивание по правому краю окна или элемента; center – выравнивание по центру окна или элемента;
justify – выравнивание по ширине окна или элемента.
Атрибут align может использоваться в тегах <p>, <h1>, <h2>, …, <h6>, <hr>. Пример для выравнивания заголовка второго уровня по центру:
<h2 align=“center”>Заголовок второго уровня</h2>
17
186. Тег-контейнер для сохранения авторского форматирования текста.
Для вывода текста с сохранением формата, в которым текст был
написал в текстовом редакторе, используется тег-контейнер <pre> … </pre>.
При использовании тега <pre> количество пробелов между словами не сжимается (по умолчанию между словами всегда выводится 1 символ
пробела, даже если в редакторе было указано несколько), а также сохраняются позиции строк. Браузеры обычно отображают текст внутри
тега <pre> моноширинным шрифтом.
18
187. Тег для создания бегущей строки.
Для создания бегущей строки используется тег-контейнер
<marquee>...</marquee>.
Содержимое контейнера <marquee> не ограничивается строками и позволяет перемещать (скролировать) любые элементы веб-страницы: изображения, текст, таблицы, элементы форм и т.д. Перемещение можно задать не только по горизонтали, но и вертикали, в этом случае указываются размеры области, в которой будет происходить движение. Атрибуты тега:
188. Тег для определения свойств шрифта.
Для определения свойств шрифта используется тег-контейнер <font>...</font>. Хотя этот тег до сих пор поддерживается всеми
браузерами, он считается устаревшим и от его использования рекомендуется отказаться в пользу стилей.
В контейнере используются атрибуты: color – устанавливает – цвет текста; face – определяет гарнитуру шрифта;
size – задает размер шрифта в условных единицах.
20