Состав HTML кода.

Основные теги

Обучение Весь документ представляет собой один большой элемент, определяемый тегом HTML. Внутри он состоит из двух основных разделов:

раздела заголовков - HEAD
тело документа - BODY

Раздел заголовков содержит ряд атрибутов, описывающих свойство документа в целом. Также он должен содержать элемент TITLE, заключающий в себе общий заголовок документа. Внутри тела документа располагается все его содержание.

<html></html> - это тег обрамляет Web-страницу, наличие закрывающего тега обязательно.
<head></head> - этот тег заключает головную часть Web-страницы (дата, автор, ключевые слова, и т. д.)
<body></body> - основой тег Web-страницы в нем заключается вся информация, которая выводится в окне броузера.

Пример <html>
<head>
<title>Заголовок</title>
</head>
<body>
Этот текст находится в теле Web-страницы.
</body>
</html>

Посмотреть в броузере

В теге <body> можно установить оформление Web-страницы, используя атрибут style, который имеет следующие параметры:

background-color - этот параметр определяет фон Web-страницы.
Он может обозначаться двумя способами:

английское название цвета
шестизначный индекс (код) данного цвета

background- image: url(путь к рисунку с расширением) - данный параметр показывает какой фоновый рисунок будет использоваться.
background-repeat - данный параметр указывает на способ повторения рисунка на Web-странице (repeat-x - повторение по горизонтали, repeat-y - повторение по вертикали, no-repeat - рисунок не будет повторяться)
background-attachment - данный параметр указывает на передвижение фонового рисунка вместе с текстом. (fixed - (используется по умолчанию) фон остается на месте, scroll - фон передвигается вместе с текстом)

Место использования всех выше упомянутых параметров можно использовать единый параметр background, в котором можно указать все нужные свойства фонового рисунка.

margin-left - данный параметр указывает на ширину полей слева.
margin-right - данный параметр указывает на ширину полей справа.
margin-top - данный параметр указывает на ширину полей сверху.
margin-bottom - данный параметр указывает на ширину полей снизу.

Место использования всех выше упомянутых параметров можно использовать единый параметр margin, в котором можно указать все нужные числовые значения (margin 0 0 0 0).

Пример <html>
<head>
<title>Заголовок</title>
</head>
<body style="background-color: red; margin: 0 0 0 0">
Этот текст находится в теле Web-страницы.
</body>
</html>

Посмотреть в броузере

Design Studio of Vint Stone. 2003.