Основные атрибуты элемента BODY

Background Задаёт фоновое изображение URL background="image1.gif"

Bgcolor Задаёт цвет фона цвет Bgcolor="white"

Text Задаёт цвет текста документа цвет Text="white"

Link, vlink, alink Задаёт цвет обычных, посещённых, активных ссылок цвет link="blue"

alink="red"

vlink="black"

Пример элемента BODY.

Здесь будут располагаться остальные элементы HTML кода

</BODY>

Этот код задаёт белый цвет для фона страницы. Фоновое изображение берётся из файла image.gif, который находится в том же каталоге, что и основной HTML документ. Цвет текста устанавливается чёрным. Цвет простых ссылок - красный, цвет активных ссылок (при щелчке мыши на ссылке) - синий, а цвет посещённых ссылок (ссылки на странице, которые вы уже посетили) - пурпурный.

Примечание: Цвета можно задавать тремя способами:

C помощью ключевых слов:black, white, red и т.д..

Шестнадцатеричным кодом цвета в полной форме (#00FFCC, #000000) или сокращением (#0FC, #000).

Десятичным кодом в модели RGB. Например: rgb(255.255.0)

Элемент head - заголовок документа

Содержит служебную информацию документа: название документа, ключевые слова, информацию о кодировке.

Внутри элемента head могут содержаться следующие элементы:

<BASE> - позволяет задать базовый адрес (url) для всего документа.

<BASEFONT> - позволяет установить шрифт для документа.

<LINK> - устанавливает связи с другими элементами.

<META> - содержит информацию, необходимую браузеру пользователя или серверу для обработки документа.

<STYLE> - используется для описания внутренних таблиц стилей.

<TITLE> - задаёт название документа.

Элемент body - тело документа

Содержит текст, рисунки, одним словом, всё то, что отображается в окне браузера (кроме заголовка).

Внутри элемента body могут содержаться следующие атрибуты:

Background - задаёт фоновое изображение страницы из файла.

Bgcolor - задаёт цвет фона.

Text - задаёт цвет текста документа.

Link, vlink, alink - задаёт цвет обычных, посещённых, активных ссылок.

Пример:

<HTML>

<HEAD>

<TITLE>Заголовок этого документа</TITLE>

</HEAD>

Здесь будут располагаться элементы HTML кода

</BODY>

</HTML>

Элемент title

Заголовок документа. Это очень важный элемент. Он характекизует документ и должен делать его в своём роде уникальным. Содержимое элемента title в окне браузера будет помещено в строку заголовка окна.

Элемент base

Указывает на базовый адрес текущего документа (URL), который станет главным для расчета относительных адресов внутри html документа. Этот элемент не имеет закрывающегося тега, но обязательно присутствует хотя бы один из атрибутов.

Атрибуты элемента:

target - определяет имя фрейма, которое будет использоваться в гиперссылках (URL) по умолчанию.

href - этот атрибут определяет базовый адрес (URL) текущего html документа

Пример:

<HTML>

<HEAD>

<TITLE>Заголовок этого документа</TITLE>

</HEAD>

</HTML>

Элемент basefont

Этот элемент предназначен для задания шрифта, размера и цвета текста по умолчанию. Указанный шрифт будет использоваться во всем документе (за исключением тега font, в котором можно задать параметры оформления текста). Допускается использование этого элемента в контейнере <HEAD> или <BODY> (использование возможно несколько раз). Это позволяет изменять вид шрифта для какой-либо части документа.

Атрибуты элемента:

color - устанавливает цвет текста.

face - определяет гарнитуру шрифта.

size - задает размер шрифта

Пример:

Элемент LINK осуществляет взаимосвязь документа с другими внешними документами на сайте, указывая место этого документа в иерархической структуре сайта. Элемент не имеет закрывающегося тега. Между тегами head может содержаться 1,2 и более элементов LINK.

Атрибуты элемента:

href – этот атрибут определяет URL адрес объекта.

rel – определяет взаимосвязь текущего html документа с внешним объектом, с помощью атрибута href.

Его возможные значения:

stylesheet – указывает файл, который содержит таблицу стилей (CSS).

home – указывает на заглавную страницу сайта.

toc, contents – указывают файл, который содержит оглавление данного документа.

index – указывает файл, который содержит информацию для поиска по текущему html документу.

Пример:

<HTML>

<HEAD>

<TITLE>Заголовок этого документа</TITLE>

</HEAD>

</HTML>

Элемент meta

Используется для описания документа. С помощью этого элемента в заголовок документа добавляется информация невидимая для пользователя, но иногда просто незаменимая для правильной индексации вашей страницы роботами. Элемент не имеет закрывающегося тега.

Атрибуты элемента:

NAME – определяет тип meta.

HTTP-EQUIV – определяет тип meta. Он практически аналогичен атрибуту NAME, но используется лишь в случае, когда необходимо передать дополнительную информацию в HTTP-заголовок.

CONTENT – присваивает значение мета-записи, которая определена в атрибуте NAME (или HTTP-EQUIV).

Пример:

<HTML>

<HEAD>

<TITLE>Заголовок этого документа</TITLE>

<"META HTTP-EQUIV="Expires" CONTENT="Sat, 26 Jun 2005 19:30:17 GMT">

</HEAD>

</HTML>

Элемент a

Тег <A> является одним из самых важных элементов в языке html и предназначен для создания ссылок. В зависимости от присутствия параметров name или href тег <A> устанавливает ссылку или якорь. Якорем называется закладка внутри самой страницы, которую вы можете указать в качестве цели для ссылки. При использовании ссылки-якоря (ссылка, которая указывает на якорь) происходит переход к закладке непосредственно внутри веб-страницы. Для создания ссылки нужно сообщить браузеру, что именно является ссылкой, а также указать адрес документа (страницы), на который следует сделать ссылку. В качестве значения параметра для атрибута href используется адрес документа (URL, Universal Resource Locator, универсальный указатель ресурсов), на который происходит переход. Адрес ссылки может быть как абсолютным, так и относительным. Абсолютные ссылки работают везде и всюду независимо от имени сайта или веб-страницы, где ссылка находится. Относительные ссылки построены относительно текущего документа сайта.

Атрибуты:

href - задает адрес документа.

name - устанавливает имя якоря внутри документа.

target - имя окна или фрейма, в которое браузер будет загружать документ.

title - добавляет всплывающую подсказку к тексту ссылки (описание ссылки).

Пример:

<HTML>

<HEAD>

<TITLE>Заголовок этого документа</TITLE>

</HEAD>

<BODY>

<p><a href="images/one.jpg">Фотография 1!</a></p>

</BODY>

</HTML>

Тег <ADDRESS> предназначен для хранения информации об авторе сайта и может включать в себя любые элементы HTML, такие, как ссылки, текст и т.д. По умолчанию, текст внутри контейнера <ADDRESS> отображается курсивным начертанием. Если эта особенность не требуется, то используйте таблицы стилей (css) для изменения начертания шрифта.

Пример:

<HTML>

<HEAD>

<TITLE>Заголовок этого документа</TITLE>

</HEAD>

<BODY>

Сайт создан с помощью html учебника.

</address>

</BODY>

</HTML>

Тег big

Этот тег увеличивает размер шрифта на единицу. В языке HTML размер шрифта измеряется от 1 до 7, средний размер текста по умолчанию 3. Добавление тега <BIG> увеличивает текст на одну единицу. Также, допускается применение вложенных тегов <BIG>.

Пример:

<HTML>

<HEAD>

<TITLE>Заголовок этого документа</TITLE>

</HEAD>

<BODY>

<big>Большой текст</big>

</BODY>

</HTML>

Тег blockquote

Этот тег предназначен для того, чтобы выделять длинные цитаты внутри документа. Текст, заключенный между тегами <blockquote>, отображается, как выровненный блок с отступами 40 пикселей слева и справа.

Пример:

<HTML>

<HEAD>

<TITLE>Заголовок этого документа</TITLE>

</HEAD>

<BODY>

Текст

</blockquote>

</BODY>

</HTML>

Тег button

Этот тег преднозначен для создания кнопки и по своему действию напоминает результат, который дает тег <INPUT>. В отличие от этого тега, <BUTTON> предлагает дополнительные возможности для созданию html кнопок. Например, на кнопке, созданной с помощью <button>, можно размещать любые элементы языка HTML. Также можно использовать css для того, чтобы определить вид кнопки.

Атрибуты:

disabled - блокирует кнопку.

type - тип создаваемой кнопки.

value - значение кнопки. Оно будет отправлено на сервер или обработано с помощью php и других сприптов.

Пример:

<HTML>

<HEAD>

<TITLE>button</TITLE>

</HEAD>

<BODY>

<button> Текст кнопки </button>

</BODY>