Теги - служебные символы, представляющие собой команды HTML, которые указывает броузеру, как следует отображать Web-страницу.
Теги начинаются со знака < , за которым следует ключевое слово, и заканчивается знаком > .
Например теги могут выглядеть так:
<HTML>
<BODY>
<TABLE>
<IMG>
Каждый тег в HTML имеет определенный смысл. Например, тег <B> означает переключение на полужирный шрифт, а тег <HR> вставляет в документ горизонтальную линию.
Теги делятся на две категории. Начальный тег, который содержит имя тега, открывает действие по представлению гипертекста, а конечный тег, который содержит тоже самое имя тега с предшествующим ему символом / ("косая черта" или "слэш"), - отменяет его.
Теги не чувствительны к регистру символов, то есть тег <TABLE> может быть записан и как <table>.
Теги можно "вкладывать" внутрь других тегов.
Поскольку язык HTML построен на базе тегов, документы этого формата можно создавать простым размещением тегов вокруг текста.
|
< Основные теги >
|
<html></html> Тег HTML указывает начало и конец HTML документа. |
<head></head> Тег HEAD (заголовок HTML-документа) содержит информацию, относящуюся к документу в целом. |
<body></body> Тег BODY охватывает ту часть HTML-документа (текст, изображения и элементы формирования), которая будет видна пользователю. |
<title></title> Тег TITLE устанавливает заголовок HTML-документа, выводимый в строке заголовка окна броузера. |
<body bgcolor=?> Атрибут BGCOLOR устанавливает цвет фона HTML-документа. Цвет может быть указан с помощью с помощью названия или шестнадцатиричного кода. |
<body text=?> Атрибут TEXT устанавливает цвет для всего текста HTML-документа. Цвет может быть указан с помощью с помощью названия или шестнадцатиричного кода. |
<body link=?> Атрибут LINK устанавливает цвет всем ссылкам HTML-документа, которые еще не были активизированы. Цвет может быть указан с помощью с помощью названия или шестнадцатиричного кода. |
<body vlink=?> Атрибут VLINK устанавливает цвет всем ссылкам HTML-документа, которые уже были однажды активизированы. Цвет может быть указан с помощью с помощью названия или шестнадцатиричного кода. |
<body alink=?> Атрибут ALINK устанавливает цвет всем ссылкам HTML-документа, на которые помещен курсор мыши, но до того момента, как кнопка мыши нажата. Цвет может быть указан с помощью с помощью названия или шестнадцатиричного кода. |
|
< Теги элементов текста >
|
<pre></pre> Тег PRE или "preformatted" (заранее форматированный) сохраняет все имеющиеся в теле текста пробелы и переносы строк. |
<h1></h1> Тег H1 определяет заголовок первого уровня (самые крупные буквы в заголовке). Всего имеется шесть уровней заголовков. |
<h6></h6> Тег H6 определяет заголовок шестого уровня (самые мелкие буквы в заголовке). Всего имеется шесть уровней заголовков. |
<b></b> Тег B устанавливает отображение текста в жирном начертании. |
<i></i> Тег I устанавливает отображение текста курсивом. |
<tt></tt> Тег TT ("teletype" - телетайп) устанавливает отображение текста моноширинным шрифтом, создавая иллюзию того, что текст был напечатан с помощью телетайпа. |
<cite></cite> Тег CITE устанавливает отображение текста курсивом. Используется для указания на факт цитирования поисковым машинам. |
<em></em> Тег EM устанавливает отображение текста жирным курсивом. |
<strong></strong> Тег STRONG устанавливает отображене текста в жирном начертании. |
<font size=?></font> Атрибут SIZE тега FONT устанавливает относительный размер шрифта. Список возможных значений состоит из положительных и отрицательных чисел от 0 до 7. |
<font color=?></font> Атрибут COLOR тега FONT устанавливает цвет текста. Цвет может быть указан с помощью с помощью названия или шестнадцатиричного кода. |
<p></p> Тег P устанавливает начало и конец абзаца. |
<p align=?> Атрибут ALIGN тега P устанавливает режим выравнивания текста: влево (LEFT), вправо (RIGHT) или по центру (CENTER). |
<br> Тег BR устанавливает перенос строки (даже если текст продолжается за тегом). |
<blockquote></blockquote> Тег BLOCKQUOTE устанавливает отступы слева и справа от текста. Кроме этого тег устанавливает разрыв абзаца до и после указанного текста. |
<ol></ol> Тег OL ("ordered list" - упорядоченный список) устанавливает режим последовательной нумерации элементов, размещенных внутри списка. |
<ul></ul> Тег UL ("unordered list" - неупорядоченный список) устанавливает режим отображения текста в виде маркированного списка. |
<li></li> Тег LI устанавливает режим отображения текста в виде пункта списка. Такой список может быть неупорядоченным, упорядоченным или маркированным. |
<div align=?> Тег DIV используется для структурирования и форматирования текста. Атрибут ALIGN тега DIV устанавливает режим выравнивания текста. Возможно выравнивание влево (LEFT), вправо (RIGHT) или по центру (CENTER). |
|
< Теги графических элементов >
|
<img src="name"> Тег IMG устанавливает режим отображения графического файла. |
<img src="name" align=?> Атрибут ALIGN тега IMG устанавливает режим выравнивания указанного изображения в отведенном ему пространстве. Возможно выравнивание влево (LEFT), вправо (RIGHT), по центру (CENTER), вниз (BOTTOM), вверх (TOP), посередине (MIDDLE). |
<img src="name" border=?> Атрибут BORDER тега IMG устанавливает режим отображения рамки вокруг указанного изображения. Рисунок с гиперссылкой по умолчанию имеет рамку, цвет которой совпадает с цветом, используемым для гиперссылок. |
<img src="name" alt=?> Атрибут ALT тега IMG устанавливает режим отображения указанного текста (в качестве альтернативы) в случае, если броузер не может отобразить графический файл. |
<hr> Тег HR ("horizontal rule" - горизонтальная линия) образует горизонтальную линию или объемную линию с тенью. Такая горизонтальная линия часто используется для разделения блоков HTML-документа. Тегу HR не нужен закрывающий тег. |
<hr size=?> Атрибут SIZE тега HR устанавливает высоту горизонтальной линии в пикселах. |
<hr width=?> Атрибут WIDTH тега HR устанавливает ширину горизонтальной линии либо в пикселах, либо в процентах от размера доступной области просмотра. |
<hr noshade> Атрибут NOSHADE тега HR указывает на то, что горизонтальная линия не должна иметь тени, придающей линии объемный вид (которая по умолчанию присутствует). |
|
< Теги элементов ссылок >
|
<a href="URL"></a> Тег A устанавливает связь с некоторой точкой внутри того же HTML-документа или с другим URL (гипертествовая ссылка). Атрибут HREF тега A описывает объект, представляющий собой текст или рисунок внутри HTML-документа, либо текст или рисунок во внешнем документе. |
<a name="NAME"></a> Тег A устанавливает связь с некоторой точкой внутри того же HTML-документа или с другим URL (гипертествовая ссылка). Атрибут NAME тега A описывает точку внутри HTML-документа, в которую нужно переместить пользователя. |
|
< Теги таблиц >
|
<table></table> Тег TABLE устанавливает начало и конец таблицы. Все теги, определяющие структуру таблицы, должны располагаться между тегами TABLE. |
<tr></tr> Тег TR определяет строку таблицы. |
<td></td> Тег TD определяет колонку таблицы. Текст, заключенный между тегами TD ("table data" - табличные данные), отображается внутри одной ячейки. |
<th></th> Тег TH устанавливает режим отображения текста в виде заголовка таблицы. |
<table border=?> Атрибут BORDER тега TABLE устанавливает ширину рамки таблицы в пикселах. |
<table cellspacing=?> Атрибут CELLSPACING тега TABLE устанавливает расстояние между соседними ячейками таблицы в пикселах. |
<table cellpadding=?> Атрибут CELLPADDING тега TABLE устанавливает расстояние между границей ячейки и ее содержимым. |
<table width=?> Атрибут WIDTH тега TABLE устанавливает ширину таблицы в пикселах или в процентах от ширины области просмотра. |
<tr align=?> or <td align=?> Атрибут ALIGN устанавливает выравнивание содержимого ячейки по ее левому краю (LEFT), по центру (CENTER) или по ее правому краю (RIGHT). |
<tr valign=?> or <td valign=?> Атрибут VALIGN устанавливает вертикальное выравнивание содержимого ячейки по ее верхнему краю (TOP), посередине (MIDDLE) или по ее нижнему краю (BOTTOM). |
<td colspan=?> Атрибут COLSPAN тега TD устанавливает сколько соседних ячеек в строке будут объединены с данной. |
<td rowspan=?> Атрибут ROWSPAN тега TD устанавливает число ячеек, объединяемых в одну. Объединяются ячейки, расположенные одна под другой. |
<td nowrap> Атрибут NOWRAP тега TD препятствует разбиению текста внутри ячейки на несколько строк. |
|
< Теги фреймов >
|
<frameset></frameset> Тег FRAMESET устанавливает область экрана, которая должна использоваться броузером для отображения кадров. |
<frameset rows="value,value"> Атрибут ROWS тега FRAMESET устанавливает высоту каждого кадра в пикселах или в процентах от доступного пространства окна. Значения этого атрибута должны разделяться запятыми. |
<frameset cols="value,value"> Атрибут COLS тега FRAMESET устанавливает ширину каждого кадра в пикселах или в процентах от доступного пространства окна. Значения этого атрибута должны разделяться запятыми. |
<frame> Тег FRAME применяется для задания единичного кадра в совокупности кадров, называемой набором кадров. |
<noframes></noframes> Тег NOFRAMES заставляет броузер выводить альтернативный текст при невозможности отображения кадров в наборе FRAMESET. |
<frame src="URL"> Атрибут SRC тега FRAME устанавливает отображение содержимого указанного файла в описываемом кадре. |
<frame name="name"> Атрибут NAME устанавливает имя окна FRAME, состоящее из букв и цифр, на которое может ссылаться гиперссылка в другом HTML-документе. |
<frame marginwidth=?> Атрибут MARGINWIDTH тега FRAME устанавливает величину горизонтального отступа (в пикселах) между объектом в кадре и левым и правым краями кадра. |
<frame marginheight=?> Атрибут MARGINHEIGHT тега FRAME устанавливает величину вертикального отступа (в пикселах) между расположенными в кадре объектами и верхним и нижним краями кадра. |
<frame scrolling=VALUE> Атрибут SCROLLING тега FRAME устанавливает, следует ли отображать внутри кадра полосы прокрутки. (Возможные значения атрибута: YES, NO или AUTO). |
<frame noresize> Атрибут NORESIZE тега FRAME устанавливает режим, при котором размеры описываемого кадра не могут быть изменены пользователем. |