HTML - язык

HTML - документ

HTML-документ — это один большой контейнер, который начинается с тега

HTML-документ — это один большой контейнер, который начинается с тега HTML и заканчивается тегом HTML.

Пример

<HTML>

Содержание документа

</HTML>

При подготовке документов HTML используется идентификатор текста DTD (Document Type Definition, определение типа документа) в качестве первой строки. Это позволяет браузеру идентифицировать документ как соответствующий стандарту HTML.

Обычно (но не обязательно) каждый документ HTML начинается со строки типа:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//RU">

Здесь содержится информация о том, что документ соответствует версии HTML 4.0 ; разработанной W3C; используемый язык — русский.

Контейнер HTML или гипертекстовый документ состоит из двух других вложенных контейнеров: заголовка документа (HEAD) и тела документа (BODY).

Основные контейнеры заголовка

HEAD (элемент разметки HEAD );
TITLE (заглавие документа);
BASE (база URL);
ISINDEX (поисковый шаблон);
META (метаинформация);
LINK (общие ссылки);
STYLE (описатели стилей);
SCRIPT (скрипты).

Эти теги допускают вложенность, поэтому все они имеют тег начала и конца. При использовании таких тегов следует помнить, что их отображение зависит от настроек программы-интерфейса пользователя, которые могут и не совпадать с настройками программы-разработчика гипертекста.

Элемент разметки TITLE

При выборе текста для содержания контейнера TITLE следует учитывать, что отображается он системным шрифтом, так как является заголовком окна браузера.

Теги тела документа

Тело документа состоит из:

иерархических контейнеров и заставок;
заголовков (от Н1 до Н6 );
блоков (параграфы, списки, формы, таблицы, картинки и т.п.);
горизонтальных подчеркиваний и адресов;
текста, разбитого на области действия стилей (подчеркивание, выделение, курсив);
математических описаний, графики и гипертекстовых ссылок.

Тело документа – контейнер BODY

Атрибут	Описание	Пример
BАСКGROUND	Определяет фон, на котором отображается текст документа	<ВОDY ВАСКGROUND="image.gif">
ВGCOLOR	Цвет фона	ВGCOLOR=#FFFFFF
ТЕХТ	Цвет текста	ТЕХТ=#0000FF
VLINK	Цвет пройденных гипертекстовых ссылок	VLINK=#FF0000
LINK	Цвет гипертекстовой ссылки	LINK=#008000

Цвет

aqua #00FFFF
navy #000080
Black #000000
olive #808000
blue #0000FF
purple #800080
fuchsia #FF00FF
red #FF0000
gray #808080
silver #C0C0C0
Green #008000
teal #008080
lime #00FF00
white #FFFFFF
Maroon #800000
yellow #FFFF00

Теги управления разметкой

Заголовки

Заголовок обозначает начало раздела документа. В стандарте определено 6 уровней заголовков: от Н1 до Н6. Текст, окруженный тегами <Н1>, получается большим — это основной заголовок.

Тег Р

применяется для разделения текста на параграфы. В нем используются те же атрибуты, что и в заголовках.

Атрибут АLIGN

позволяет выровнять текст по левому или правому краю, по центру или ширине. По умолчанию текст выравнивается по левому краю. Данный атрибут применим также к графике и таблицам.

Возможные значения атрибута АLIGN

justify	выравнивание по левому и правому краям (по ширине)
left	выравнивание по левому краю
right	выравнивание по правому краю
center	центрирование текста и графики

тег <ВR>

Принудительный перевод строки используется для того, чтобы нарушить стандартный порядок отображения текста. Атрибут СLЕАR в теге <ВR> используется для того, чтобы остановить в указанной точке обтекание объекта текстом и затем продолжить текст в пустой области за объектом. Продолжающийся за объектом текст выравнивается в соответствии со значениями LEFT, RIGHT или АLL атрибута СLЕАR.

Элемент разметки

Тег (Nо Вrеаk, без обрыва) дает браузеру команду отображать весь текст в одной строке, не обрывая ее. Если текст, заключенный в , не поместится на экране, браузер добавит в нижней части окна документа горизонтальную полосу прокрутки.

Теги управления отображением символов

Тег	Значение
I	Курсив
B	Полужирный
TT	Телетайп
U	Подчеркивание
S	Перечеркнутый текст
BIG	Увеличенный размер шрифта
SMALL	Уменьшенный размер шрифта
SUB	Подстрочные символы
SUP	Надстрочные символы

Теги, характеризующие тип информации

Тег	Заголовок
EM	Типографское усиление
CITE	Цитирование
STRONG	Усиление
CODE	Отображает примеры кода (например, "коды программ")
SAMP	Последовательность литералов
KBD	Пример ввода символов с клавиатуры
VAR	Переменная
DFN	Определение
Q	Текст, заключенный в двойные кавычки

Горизонтальные линейки — тег НR

Горизонтальное отчеркивание (Horizontal Rule) применяется для разделения документа на части.

Гипертекстовые ссылки

Для записи гипертекстовой ссылки используется тег <А>, который называют "якорь" (аnchor). Якорь имеет несколько атрибутов, главным из которых является НREF. Простую ссылку можно записать в виде

Добавление изображений

Пример вставки изображения:

Все расположенное между кавычками — путь к картинке.

Для вашего удобства кладите картинку в ту же папку, что и документ.

Атрибуты тега IMG SRC

VSPACE — задает расстояние между текстом и рисунком по верткиали (в пикселях).

HSPACE - задает расстояние между текстом и рисунком по горизонтали (в пикселях).

ALT — краткое описание картинки

WIDTH — ширина картинки в пикселях

HEIGHT — высота картинки в пикселях

BORDER — рамка вокруг картинки

Таблицы

Таблицы в HTML формируются построчно.

В HTML таблицы используются не только для отображения таблиц как таковых, но и для дизайна. С помощью таблиц можно создать невидимый «каркас» страниц, помогающий расположить текст и изображения так, как вам нравится.

Элементы для создания таблиц:

TABLE — создает таблицу

CAPTION — заголовок таблицы

TR — строка таблицы

TD и TH — ячейки с данными в текущей строке.

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

ALIGN — способ горизонтального выравнивания таблицы (left, center, right)

VALIGN — способ вертикального выравнивания таблицы (top, bottom, middle)

BORDER — определяет ширину внешней рамки таблицы в пикселях

CELLPADDING — определяет расстояние в пикселях между рамкой каждой ячейки таблицы и содержащимся в ней материалом

CELLSPACING — определяет расстояние в пикселях между границами соседних ячеек

WIDTH — определяет ширину таблицы в пикселях, либо в процентном отношении к ширине окна браузера

HEIGHT - определяет высоту таблицы в пикселях, либо в процентном отношении к ширине окна браузера

BGCOLOR — определяет цвет фона ячеек

BACKGROUND — позволяет заполнить фон рисунком

Элемент CAPTION

Содержание заголовка должно состоять только из текста.

Атрибут ALIGN — вертикальное выравнивание заголовка.

Возможные значения:

TOP — помещает заголовок над таблицей

BOTTOM — помещает заголовок под таблицей

TD и TH

Элемент TD создает ячейку с данными в текущей строке.

Элемент TH также создает ячейку, но определяет ее как ячейку-заголовок.

Атрибуты:

COLSPAN — определяет количество столбцов, на которые простирается данная ячейка

ROWSPAN — определяет количество рядов, на которые простирается данная ячейка

NORAP — блокирует автоматический перенос слов в пределах текущей ячейки

HTML - язык

HTML - документ

Koнтакт