HTML теги тела страницы сайта | Как создать свой сайт

Основные HTML теги тела страницы сайта

Мар-3-2010 Автор: VeryOldMan

К Вашему вниманию третий урок html верстки сайта. В этом уроке нам предстоит узнать как непосредственно формируется web-страница и какую роль в этом играют html теги страницы.

Тело web страницы должно находится между тегами <body> и </body>. Что за «тело» такое? Это собственно и есть сама web-страница, то есть то, что мы видим на экране монитора, загружая ее. Теги <body> и </body> указывают начало и конец web-страницы. Между этими html тегами находится текст web-страницы, графика и таблицы. Короче говоря, все элементы языка html, которые отвечают за отображение страницы сайта, за управление ею и ее гипертекстовыми ссылками. Тег body присутствует в web-странице только один раз. Общая структура типичной web-страницы выглядит вот так:

<html> <head> <title>Заголовок страницы</title> </head> <body> Текст web страницы </body> </html>

Итак, продолжим уроки html и рассмотрим html теги тела документа

Начнем с команд форматирования заголовков. В языке html предусмотрены команды форматирования заголовков шести уровней. Их можно применять для форматирования заголовков и подзаголовков web-страницы: <h1><h2><h3><h4><h5> и <h6>. Эти команды должны применяться парами. Например:

<h1>Заголовок страницы</h1>

означает, что текст  «Заголовок страницы» будет выведен как заголовок первого уровня. На самом деле, гарнитура и кегль надписи зависят от программы просмотра (и даже могут задаваться пользователем). Вместе с тем, совершенно верно то, что текст, выделенный командами <h1>, будет больше и значительнее, чем текст <h2>, а тот, в свою очередь, будет больше текста <h3> ну так далее.

В языке html кроме понятия тег существует понятие — атрибут тега. Атрибут, это команда дополнительной настройки тега. Записываются атрибуты внутрь html тега за именем, до закрывающей скобки >. Надо сказать, что у любого атрибута есть значение «по умолчанию». Это значение используется в виде параметра тега, когда атрибут не указан. Для тегов форматирования заголовков есть атрибут align. Он определяет метод выравнивания заголовков по горизонтали. Может принимать значения: centerleftright.  Соответственно выравнивание по центру, влево и  вправо.

<h2 align=»center»>Заголовок страницы</h2>

<h2 align=»left»>Заголовок страницы</h2>

<h2 align=»right»>Заголовок страницы</h2>

HTML теги тела страницы сайта

HTML теги форматирования текстового массива

Существуют три наиболее распространенные кода форматирования текстового массива. Это <p>,<br> и <hr>.

Управляющий код <p>. Управляющий код <p> означает конец абзаца. Если другие команды форматирования текста не устанавливают другого, то весь текст между командами форматирования <p>, может быть разбит web обозревателем на строки по размеру окна, размера экранных шрифтов и так далее. По соглашению, web обозреватели, применяют для отделения одного абзаца от другого интервалы величиной в одну строку.

Атрибуты тега <p> — leftrightcenter.  Они определяют выравнивание абзаца по горизонтали.

<p align=»center»>Абзац, выровненный по центру<br> Находится в центре страницы.</p> <p align=»left»>Абзац, выровненный влево.</p>

HTML теги тела страницы сайта

HTML теги и  тег <br>

Управляющая команда <br> выполняет принудительный перевод строки. В редакторе Dreamweaverэта команда соответствует нажатию комбинации клавиш Shift – Enter. Управляющий код <br> не дает команду конца абзаца. За строкой с этой управляющей командой пустой строки не будет.

HTML теги и  тег <hr>

Управляющая команда <hr> говорит web обозревателю, что в данном месте надлежит начертить горизонтальную линию, которая буде пересекать клиентскую зону окна. Действие управляющей команды <hr> подобно действию команды <br>. В этом случае тоже прерывается текст, изображается горизонтальная линия с оптимальными отступами сверху и снизу. После чего текст продолжается с лева на право ниже линии. Интервалы между текстом и линией можно увеличить. Для этого достаточно вставить управляющий код <p> до или после кода<hr>.

Основные атрибуты тега:

  • width – устанавливает длину линии в пикселах или в процентах от ширины окна браузера.
  • size — устанавливает ширину линии в пикселах.
  • noshade – определяет линию, как сплошную. Иначе линия отображается как объемная.
  • И знакомый атрибут align, со своими значениями left, right, center.

Например, длина линии — 150 пикселов, ширина — 4, выравнивание — влево:

<hr width=»150″ size=»4″ align=»left» noshade> <hr width=»150″ size=»4″ align=»left»>

HTML теги тела страницы сайта

Зная эти  html теги страницы сайта, уже можно начинать  верстку сайта и создание  простой  web-страницы.  Следующие уроки html помогут сделать вашу web-страницу намного качественней.






Комментариев (1)
  1. Егор Пишет,

    Скажите пожалуйста, как можно сделать так, что бы при нажатии на кнопку, Тег Div этой же страницы загружал в свое тело другую страницу по ссылке?

Добавить комментарий