HTML Справочник

Если содержание Вашей страницы часто меняется, то вставьте следующие два тега:

<META NAME="Document-state" CONTENT="Dynamic">

<META NAME="Revizit-after" CONTENT="10 days">

Робот будет переиндексировать вашу страницу каждые 10 дней. Переодичность можете выбрать сами.

Если страница изменяться не будет, вставьте:

<META NAME="Document-state" CONTENT="Static">

Мета-тег от известного белорусского web-дизайнера Сергея Осипова:

<META NAME="ask" CONTENT="Обращение к паукам.">

Вот как описывает его сам автор:

"Это важнейший meta-тег и чем любезнее ты попросишь пауков, тем больше рефферов они тебе пришлют. Разрешается писать до 500 символов! Приветствуется краткая автобиография и указание любимых сортов пива. Как только я придумал этот тег — в тот же месяц посещаемость повысилась в три раза...".

Вот пример, что можно написать в поле content:

"Дорогие Пауки и Модераторы каталогов! Присылайте сюда побольше посетителей, пожалуйста!"

<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

или:

<META HTTP-EQUIV="no-cache">

или:

<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">

или:

<META HTTP-EQUIV="Expires" CONTENT="Wed, 2 Mar 1996 00:00:05 GMT">

Контроль кэширования для HTTP/1.0. Страницы с этими тегами не будут кешироваться браузерами. Незаменимы при выдаче результатов работы скриптов.

<METAHTTP-EQUIV="Content-Language" CONTENT="en,ru">

Этот тег отвечает за язык, использованный на странице. В данном случае это русский и английский.

<META HTTP-EQUIV="Refresh" CONTENT="5; URL=page.html">

Этот тег через 5 секунд загрузит страницу page.html в текущем окне браузера. Это то, что некоторые называют "редиректом".

<META HTTP-EQUIV="Keywords" CONTENT="Ключевые слова.">

Ёще один тег с ключевыми словами.

<META HTTP-EQUIV="subject" CONTENT="Тема.">

Не совсем понятный тег. Очевидно обозначает тему страницы.

<META NAME="Classification" CONTENT="Класификация.">

Тег отвечает за аудиторию, на которую направлен сайт. Например Web Masters.

<META NAME="Robots" CONTENT="index, follow">

Этот тег отвечает за управление поисковыми роботами. Вот, какие могут быть значения CONTENT:

index — индексировать эту страницу.

follow — индексировать страницы на которые есть ссылки с этой странице.

all — эквивалентно двум предыдущим через запятую.

noindex — не индексировать страницу, но идти по ссылкам.

nofollow — индексировать, но не идти по ссылкам.

none — эквивалентно двум предыдущим через запятую.

По умолчанию CONTENT="index, follow".

<META NAME="author" content="Автор">

Тег, в который вы можете вписать своё имя, название студии, или ваш e-mail. Формат произвольный.

<META HTTP-EQUIV="Reply-to" content="[email protected]">

Тег для указания адреса электронной почты автора.

<META NAME="Copyright" content="Авторские права">

Описание авторских прав на документ. Формат произвольный.

Специальные символы

Некоторые символы не входят в базовую часть таблицы кодов ASCII. К ним относятся буквы алфавитов части европейских языков, математические и некоторые другие символы. Некоторые символы, введенные в HTML документ будут интерпретироваться не так, как задумал автор. Это, например, символы "<" и ">", используемые для указания тегов.

В этих случаях можно вводить нужные символы с помощью специальных кодов. Коды начинаются с символа "амперсанд"(&). За ним следует название символа либо его числовой код в десятичной или шестнадцатеричной системе. Завершает код символ "точка с запятой"(;).

В спецификации HTML указано большое количество спецсимволов, но только некоторые из них используются. Наиболее часто используемые спецсимволы приведены в таблице:

Имя	Код	Вид	Описание
"	"	"	двойная кавычка
&	&	&	амперсанд
<	<	<	знак 'меньше'
>	>	>	знак 'больше'
			неразрывный пробел
¡	¡	¡	перевернутый восклицательный знак
¢	¢	¢	цент
£	£	£	фунт стерлингов
¤	¤	¤	денежная единица
¥	¥	¥	иена или юань
¦	¦	¦	разорванная вертикальная черта
§	§	§	параграф
¨	¨	¨	умляут
©	©	©	знак copyright
ª	ª	ª	женский порядковый числитель
«	«	«	левая двойная угловая скобка
¬	¬	¬	знак отрицания
			место возможного переноса
®	®	®	знак зарегистрированной торговой марки
¯	¯	¯	верхняя горизонтальная черта
°	°	°	градус
±	±	±	плюс-минус
²	²	²	"в квадрате"
³	³	³	"в кубе"
´	´	´	знак ударения
µ	µ	µ	микро
¶	¶	¶	символ параграфа
·	·	·	точка
¸	¸	¸	седиль (орфографический знак)
¹	¹	¹	верхний индекс 'один'
º	º	º	мужской порядковый числитель
»	»	»	правая двойная угловая скобка
¼	¼	¼	одна четвертая
½	½	½	одна вторая
¾	¾	¾	три четвертых
¿	¿	¿	перевернутый вопросительный знак
À	À	À	латинская заглавная А с тупым ударением
Á	Á	Á	латинская заглавная А с острым ударением
Â	Â	Â	латинская заглавная А с диакритическим знаком над гласной
Ã	Ã	Ã	латинская заглавная А с тильдой
Ä	Ä	Ä	латинская заглавная А с двумя точками
Å	Å	Å	латинская заглавная А с верхним кружком
Æ	Æ	Æ	латинские заглавные символы AE вместе
Ç	Ç	Ç	латинская заглавная C с седилем
È	È	È	латинская заглавная E с тупым ударением
É	É	É	латинская заглавная E с острым ударением
Ê	Ê	Ê	латинская заглавная E с диакритическим знаком над гласной
Ë	Ë	Ë	латинская заглавная E с двумя точками
Ì	Ì	Ì	латинская заглавная I с тупым ударением
Í	Í	Í	латинская заглавная I с острым ударением
Î	Î	Î	латинская заглавная I с диакритическим знаком над гласной
Ï	Ï	Ï	латинская заглавная I с двумя точками
Ð	Ð	Ð	латинская заглавная D с черточкой
Ñ	Ñ	Ñ	латинская заглавная N с тильдой
Ò	Ò	Ò	латинская заглавная O с тупым ударением
Ó	Ó	Ó	латинская заглавная O с острым ударением
Ô	Ô	Ô	латинская заглавная O с диакритическим знаком над гласной
Õ	Õ	Õ	латинская заглавная O с тильдой
Ö	Ö	Ö	латинская заглавная O с двумя точками
×	×	×	знак умножения
Ø	Ø	Ø	латинская заглавная O со штрихом
Ù	Ù	Ù	латинская заглавная U с тупым ударением
Ú	Ú	Ú	латинская заглавная U с острым ударением
Û	Û	Û	латинская заглавная U с диакритическим знаком
Ü	Ü	Ü	латинская заглавная U с двумя точками
Ý	Ý	Ý	латинская заглавная Y с острым ударением
Þ	Þ	Þ	латинская заглавная THORN
à	à	à	латинская строчная a с тупым ударением
á	&##225;	á	латинская строчная a с острым ударением
â	&##226;	â	латинская строчная a с диакритическим знаком
ã	ã	ã	латинская строчная a с тильдой
ä	ä	ä	латинская строчная a с двумя точками
å	å	å	латинская строчная a с верхним кружком
æ	æ	æ	латинская строчные буквы ae
ç	ç	ç	латинская строчная c с седилем
è	è	è	латинская строчная e с тупым ударением
é	é	é	латинская строчная e с острым ударением
ê	ê	ê	латинская строчная e с диакритическим знаком
ë	ë	ë	латинская строчная e с двумя точками
ì	ì	ì	латинская строчная I с тупым ударением
í	í	í	латинская строчная I с острым ударением
î	î	î	латинская строчная I с диакритическим знаком
ï	ï	ï	латинская строчная I с двумя точками
ð	ð	ð	латинская строчные символы eth
ñ	ñ	ñ	латинская строчная N с тильдой
ò	ò	ò	латинская строчная O с тупым ударением
ó	ó	ó	латинская строчная O с острым ударением
ô	ô	ô	латинская строчная O с диакритическим знаком
õ	õ	õ	латинская строчная I с тильдой
ö	ö	ö	латинская строчная I с двумя точками
÷	÷	÷	знак деления
ø	ø	ø	латинская строчная O со штрихом
ù	ù	ù	латинская строчная U с тупым ударением
ú	ú	ú	латинская строчная U с острым ударением
û	û	û	латинская строчная U с диакритическим знаком
ü	ü	ü	латинская строчная U с двумя точками
ý	ý	ý	латинская строчная Y с острым ударением
þ	þ	þ	латинская строчная thorn
ÿ	ÿ	ÿ	латинская строчная Y с двумя точками
&fnof;	ƒ	ƒ	знак функции
Греческие буквы
Α	Α	Α	заглавная альфа
Β	Β	Β	заглавная бета
Γ	Γ	Γ	заглавная гамма
Δ	Δ	Δ	заглавная дельта
Ε	Ε	Ε	заглавная эпсилон
Ζ	Ζ	Ζ	заглавная дзета
Η	Η	Η	заглавная эта
Θ	Θ	Θ	заглавная тета
Ι	Ι	Ι	заглавная иота
Κ	Κ	Κ	заглавная каппа
Λ	Λ	Λ	заглавная лямбда
Μ	Μ	Μ	заглавная мю
Ν	Ν	Ν	заглавная ню
Ξ	Ξ	Ξ	заглавная кси
Ο	Ο	Ο	заглавная омикрон
Π	Π	Π	заглавная пи
Ρ	Ρ	Ρ	заглавная ро
Σ	Σ	Σ	заглавная сигма
Τ	Τ	Τ	заглавная тау
Υ	Υ	Υ	заглавная ипсилон
Φ	Φ	Φ	заглавная фи
Χ	Χ	Χ	заглавная хи
Ψ	Ψ	Ψ	заглавная пси
Ω	Ω	Ω	заглавная омега
α	α	α	строчная альфа
β	β	β	строчная бета
γ	γ	γ	строчная гамма
δ	δ	δ	строчная дельта
ε	ε	ε	строчная эпсилон
ζ	ζ	ζ	строчная дзета
η	η	η	строчная эта
θ	θ	θ	строчная тета
ι	ι	ι	строчная иота
κ	κ	κ	строчная каппа
λ	λ	λ	строчная лямбда
μ	μ	μ	строчная мю
ν	ν	ν	строчная ню
ξ	ξ	ξ	строчная кси
ο	ο	ο	строчная омикрон
π	π	π	строчная пи
ρ	ρ	ρ	строчная ро
&sigmaf;	ς	ς	строчная сигма(final)
σ	σ	σ	строчная сигма
τ	τ	τ	строчная тау
υ	υ	υ	строчная ипсилон
φ	φ	φ	строчная фи
χ	χ	χ	строчная хи
ψ	ψ	ψ	строчная пси
ω	ω	ω	строчная омега
Стрелки
←	←	←	стрелка влево
↑	↑	↑	стрелка вверх
→	→	→	стрелка вправо
↓	↓	↓	стрелка вниз
↔	↔	↔	стрелка влево-вправо
Прочие символы
&spades;	♠	♠	знак масти 'пики'
&clubs;	♣	♣	знак масти 'трефы'
&hearts;	♥	♥	знак масти 'червы'
&diams;	♦	♦	знак масти 'бубны'
&circ;	ˆ	ˆ	диакритический знак над гласной
&tilde;	˜	˜	тильда
™	™	™	знак торговой марки
Знаки пунктуации
•	•	•	маленький черный кружок
…	…	…	многоточие ...
′	′	′	одиночный штрих - минуты
″	″	″	двойной штрих - секунды
&oline;	‾	‾	надчеркивание
&frasl;	⁄	⁄	косая дробная черта
Общая пунктуация
–	–	–	тире
—	—	—	длинное тире
‘	‘	‘	левая одиночная кавычка
’	’	’	правая одиночная кавычка
&sbquo;	‚	‚	нижняя одиночная кавычка
“	“	“	левая двойная кавычка
”	”	”	правая двойная кавычка
&bdquo;	„	„	нижняя двойная кавычка

Словарь по HTML для тех, кто собирается сделать свою первую страничку

HTML-документ (страничка) - документ,написанный на языке разметки гипертекста (HTML).Заключается между флагами <HTML> и </HTML>.

Web-сайт, Web-сервер - цепочка логическисвязанных документов, написанных на языке HTML.

Значения флагов разметки документа

Флаги разметки - специальные команды длярасположения на экране текста, графики, видео иаудио фрагментов, а также команды, служащие длясвязи с другими HTML-документами и рессурсамиИнтернет.

Основные флаги разметки

<HEAD> и </HEAD>. Между этими флагамирасполагается информация о документе.

<TITLE> и </TITLE>. В эих флагахзаключается название странички, которое будетвыведено в рамке окна программы просмотра.

<BODY> и </>. "Тело" документа(текст, графика и т.д.) располагается между этимидвумя флагами.

Параметры флага <BODY>:

BGCOLOR - цвет фона (< BGCOLOR ="#FFFFFF">)

BACKGROUND - "обои" или бэкграунд

TEXT - цвет текста

LINK - цвет гипертекстовой связи (ссылки)

VLINK - цвет ссылки, уже посещенной в прошлом

ALINK - цвет активной сылки Флаги, служащие дляформатирования текста

<P> и </P> Флаги, служащие длявыделения абзадцев. Новый абзац чсегдаотделяется от предыдущего пустой строкой.

<BR> Флаг, служащий для переноса текста надругую строку. Может также служить для отделенияграфики от текста на интервал.

<HR> Флаг, служащий для логическогоразделения текста горизонтальной линией.

<PRE> и </PRE> Между этими флагамирасполагается предварительно отформатированныйтекст. На экран он выводится шрифтом типа"курьер".

Параметры выравнивания

Используются в <P> и <H*>

ALIGN=LEFT - выравнивание по левому полю

ALIGN=RIGHT - выравнивание по правому полю

ALIGN=CENTER - выравнивание по центру

Флаги выравнивания

<LEFT> и </LEFT> - выравнивание полевому полю

<RIGHT> и </RIGHT> - выравнивание поправому полю

<CENTER> и </CENTER> - выравнивание поцентру

Заголовки, служащие для выделениялогических частей текста

<H1> и </H1> Заголовок первого уровня.

<H2> и </H2> Заголовок второго уровня.

<H3> и </H3> Заголовок третьего уровня.

<H4> и </H4> Заголовок четвертогоуровня.

<H5> и </H5> Заголовок пятого уровня.

<H6> и </H6> Заголовок шестого уровня.

Флаги для выделения текста и шрифта

<B> и </B> Флаги для выделения текста(слов, букв) жирным шрифтом.

<I> и </I> Флаги для выделения текста(слов, букв) курсивным шрифтом, типа Italic.

<U> и </U> Текст, расположенный междудвумя этими флагами, будет подчеркнут.

<BLINK> и </BLINK> Текст, расположенныймежду двумя этими флагами, будет мигать.

<FONT SIZE=+n> и </FONT>

<FONT SIZE=-n> и </FONT> Флаги для измененияразмера шрифта.

<FONT COLOR="#0000FF> и </FONT> Флаги дляизменения цвета шрифта.

Флаги для формирования списков

<OL> и </OL> Флаги, показывающиеначало и конец нумерованного списка

<UL> и </UL> Флаги, показывающие началои конец маркированного списка.

<LI> Элемент списка

<DL> и </DL> Флаги, показывающие началои конец глоссария.

<DT> Термин глоссария, располагается безотступа от левого поля страницы.

<DD> Описание термина, располагается сотступом от левого поля страницы.

Флаги-команды для вставки в текст объектовнетекстовой информации

<IMG src=1260/"file.gif"> или <IMG src=1260/"file.jpg"> - команда для вставки графическогоизображения

<IMG src=1260/" file.wav"> - команда для вставкизвукового фрагмента

<IMG src=1260/" file.avi"> - команда для вставкивидео фрагмента

Параметры графического изображения

WIDHT - ширина картинки в пикселях

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

ALIGN - выравнивание (ALIGN=LEFT - выравнивание полевому полю, ALIGN=RIGHT - по правому полю, ALIGN=TOP - поверхней границе, ALIGN=BOTTOM - по нижней границе,ALIGN=MIDDLE или CENTER - по центру)

HSPACE - горизонтальный отступ от графическогоизображения

VSPACE - вертикальный отступ

ALT - альтернативный текст, служит дляобозначения изображения

Команды, служащие для гиперсвязи с другимиHTML-документами и рессурсами Интернет

и - гиперсвязь с адресом электронной почты

Таблицы

Таблица - сетка для показа данных в строках истолбцах, а также средство для форматированиятекста

<TABLE> и </TABLE> Флаги для вставкитаблицы в HTML документ

Параметры флага <TABLE>

BGCOLOR - цвет фона

BORDER - ширина бордюра

WIDHT - ширина таблицы

Флаги разметки таблицы

<CAPTION> и </CAPTION> - название таблицы,имеет параметр ALIGN=TOP - выравнивание над таблицейи ALIGN=BOTTOM - под таблицей.

<TR> и </TR> Строчка таблицы. Можетиметь параметры BGCOLOR - цвет фона внутри строки;ALIGN=LEFT, RIGHT, CENTER - выравнивание внутри строки;VALIGN=TOP, BOTTOM, MIDDLE - вертикальное выравниваниевнутри строки таблицы.

<TD> и </TD> Столбец таблицы. Можетиметь параметры BGCOLOR - цвет фона под столбцом;ALIGN=LEFT, RIGHT, CENTER - выравнивание внутри столбца;VALIGN=TOP, BOTTOM, MIDDLE - вертикальное выравнивание; COLSPANрастягивание клетки на несколько столбцов, ROWSPAN -растягивание клетки на несколько строк.

<TH> и </TH> Заголовок столбца. Можетиметь параметры BGCOLOR - цвет фона под названием;ALIGN=LEFT, RIGHT, CENTER - выравнивание; VALIGN=TOP, BOTTOM, MIDDLE -вертикальное выравнивание; COLSPAN, ROWSPAN -растягивание клетки на несколько столбцов илистрок; WIDHT - ширина названия.

Рамки-фреймы

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

<FRAMESET> и </FRAMESET> Флаги для созданиярамки

Параметры флага <FRAMESET>

COLS - подразделяют экран на опредленноеколичество колонок (вертикальных)

ROWS - подразделяют экран на опредленноеколичество колонок (горизонтальных)

BORDCOLOR - цвет рамки

BORDER - ширина бордюра

FRAMEBORDER - граница рамки (FRAMEBORDER=YES - есть граница,FRAMEBORDER=NO - нет границы,

FRAMESPACING=n - ширина границы)

<FRAME> Флаг для описания рамки (<FRAMESRC=1260/"file.htm">).

Параметры флага <FRAME>

SCROLING - параметр для регулировки полосыпрокрутки:

SCROLING=YES - полоса прокрутки будет всегда

SCROLING=NO - полосы прокрутки не будет

SCROLING=AUTO - полоса прокрутки появляется только вслучае необходимости

MARGINWIDHT и MARGINHEIGHT - параметры, которыеуправляют отступом внутри рамок, служат длявыравнивания графического изображения внутрирамки

NORESIZE - параметр, указвающий на то, что размеррамки-фрейма никогда не будет меняться.

A link to <A HREF="file.htm" TARGET="frame2">file.htm</A> - Связь между фреймами

TARGET - атрибут связи между фреймами. Имеетнесколько значений:

_BLANK загружает содержимое страницы,заданной ссылкой, в новое пустое окно.

_SELF содержимое страницы, заданной ссылкой, вокно, которое содержит ссылку.

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

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

Обработка браузеров, не поддерживающих фреймы:

...Здесь располагаются фреймы

</FRAMESET>

...Здесь располагается текст без фреймов

</NOFRAMES>

В секции, предназначенной для техпользователей, которые "не видят" рамки,можно расположить какой-нибудь пояснительныйтекст.

Бегущая строка

<MARQUEE>ТЕКСТ</MARQUEE> - Флаг, создающийбегущую строку

<MARQUEE DIRECTION=left>TEKCT</MARQUEE> - Если бегущуюстроку нужно направить справа налево

<MARQUEE DIRECTION=right>TEKCT</MARQUEE> - движение слеванаправо.

scroll - стандартное движение от правого края клевому

slide - надпись один раз пробегает от правогокрая к левому, где и остается.

alternate - движение от правого края страницы клевому и обратно. Бесконечный цикл.

<MARQUEE LOOP=n BEHAVIOR=scroll>TEKCT</MARQUEE> -Ограничение числа циклов. Значение n оператора LOOPуказывает число повторений цикла.

<MARQUEE WIDHT=n>TEKCT</MARQUEE> - указать ширинуучастка, занимаемого бегущей строкой, где n -ширина той части страницы, на которойрасположена бегущая строка. Значение nуказывается как в пикселях, так и в процентах отобщей ширины видимой части страницы.

<MARQUEE scrollamount=n>TEKCT</MARQUEE> - Регулировкадвижения надписи по экрану. Здесь n - числопикселей.

<MARQUEE scrolldelay=t>TEKCT</MARQUEE> В данном случаепеременная величина - время t - измеряется вмиллисекундах. Метод задания скорости состоит вуказании времени, спустя которое текст будетперерисован на экране заново.

<FONTSIZE=n><MARQUEE> ТЕКСТ</MARQUEE></FONT> -возможность указывать величину шрифта текста встроке.

<MARQUEE BGCOLOR=n> ТЕКСТ </MARQUEE> - окраситьповерхность бегущей строки в какой-либо цвет, гдеn, как это бывало и раньше, можно указать в видшестнадцатеричного числа либо написав егоназвание

<MARQUEE HEIGHT=n>ТЕКСТ</MARQUEE> - указать высотубегущей строки, задавая величину n в пикселях.

Логические теги

Павильный код характеризуется двумя основными параметрами: логичностью и оптимальностью. Что важнее, вопрос интересный, но искать на него ответ мы не будем. Логичность кода складывается из хорошей организации и корректного использования тегов. Вот именно о корректности и будем говорить.

Итак, многие из вас используют теги <CITE> или <ADRESS>? Можете не отвечать. Зачем они нужны? Они помогают правильно организовать логическую структуру страницы, а правильная структура сильно упрощает использование CSS. То есть преимущества два:

улучшение логичности кода, что ведет к упрощению редактирования
упрощение использования CSS

Cогласитесь, это не так уж и мало. Итак мы сегодня будем говорить о так называемых логических тегах. Для начала просто перечислим их:

<H#> - заголовки

<EM> - выразительность

<STRONG> - ударение

<CITE> - цитата

<ADDRESS> - адрес

<SAMP> - пример

<CODE> - код

<VAR> - переменная

Вот они все. А сейчас займемся каждым в отдельности.

<H#> - обозначает заголовки в теле документа. Бывает шести видов H1, H2, H3, H4, H5, H6, которые отличаются степенью значимости (попросту говоря, размером) заголовков. Самый большой и самый главный - H1. Самый маленький - H6.

Код: Итог:

<H4>СSS - вот чему надо учиться!</H4>

<H4>HTML надо чувствовать</H4>

<H5>JavaScript любить</H5>

<H5>HomeSite 4.5 знать в лицо</H5>

СSS - вот чему надо учиться!

HTML надо чувствовать

JavaScript любить

HomeSite 4.5 знать в лицо

<EM> - обозначает выразительность какого-либо слова в тексте. Частенько вместо этого тега используется тег <I>, однако это неправильно с точки зрения логики.

Код:	Итог:
`Кросс-браузерный код - <EM>главная</EM> цель вебмастера.`	Кросс-браузерный код - главная цель вебмастера.

<STRONG> - обозначает сильный акцент в тексте. Разница между <EM> только в степени выразительности.

Код:	Итог:
`СSS <STRONG>совершенно необходимы</STRONG> всем.`	CSS совершенно необходимы всем

<CITE> - обозначает ссылку на книгу или веб-сайт. Часто используют внизу страницы для обозначения владельца.

Код: Итог:

<CITE>Самоучитель сайтостроителя</CITE>,Минск, 1989

<CITE>Сайт кривыми руками</CITE>, Москва, 1999

Самоучитель сайтостроителя, Минск, 1989

Сайт кривыми руками, Москва, 1999

<ADDRESS> - обозначает контактную информацию автора сайта или организации, которой принадлежит сайт.

Код:	Итог:
`Наш адрес: <P><ADDRESS>` `г. Минск, ул. Сторожевская 8, офис 142а</ADDRESS>`	Наш адрес: Г. Минск, ул. Сторожевская 8, офис 142а

<SAMP> - пример. Обычно применяется для обозначения терминов или ключевых слов. В браузере отображается моноширинным шрифтом, например, Courier New. В общем-то похож на тег <CODE>.

Код:	Итог:
`Что такое <SAMP>CSS</SAMP> знает все большее число людей`	Что такое `CSS` знает все большее число людей

<CODE> - обозначает программный код. В браузере отображается моноширинным шрифтом. Часто используется вместе с тегом <PRE>, который лучше передает отступы и сруктуру.

Код: Итог:

<CODE>

function Opn(){<BR>

newWindow=window.open(' ','NW','width','toolbar=0');<BR>

}<BR>

</CODE>

function Opn(){

newWindow=window.open(' ','NW','width', 'toolbar=0');

}

<VAR> - обозначает переменную из компьютерной программы.

Код:	Итог:
`Переменная <VAR>width</VAR> содержит ширину нового окна`	Переменная `width` содержит ширину нового окна

Как вы заметили, большинство из этих тегов делают текст или наклонным, или жирным, или моноширинным. Почему бы вместо этого не использовать просто теги <B> или <I>? Ведь это гораздо проще. Так и делает подавляющее большинство HTML-кодеров, однако есть причины поступать по-другому, и это не только упрощение использования CSS. Логические теги позволяют браузерам обрабатывать страницу в манере, наиболее свойственной данному браузеру. Допустим текст в теге <EM> браузеры под Windows заменяют текстом , а браузеры под Unix - жирным. Кроме того, спустя полгода вы легко сможете определить, что вот <ADDRESS> в коде вашей странички обозначает адрес, тогда как, скажем, <SPAN class="adr"> далеко не так интуитивно, да и в CSS проще запутаться.

Справочник по мета тегам

Новости

Специальные символы

Греческие буквы

Стрелки

Прочие символы

Знаки пунктуации

Общая пунктуация

Словарь по HTML для тех, кто собирается сделать свою первую страничку

Значения флагов разметки документа

Основные флаги разметки

Параметры выравнивания

Флаги выравнивания

Заголовки, служащие для выделениялогических частей текста

Флаги для выделения текста и шрифта

Флаги для формирования списков

Флаги-команды для вставки в текст объектовнетекстовой информации

Параметры графического изображения

Команды, служащие для гиперсвязи с другимиHTML-документами и рессурсами Интернет

Таблицы

Флаги разметки таблицы

Рамки-фреймы

Параметры флага <FRAMESET>

Параметры флага <FRAME>

Бегущая строка

Логические теги

СSS - вот чему надо учиться!

JavaScript любить

HomeSite 4.5 знать в лицо

	© 2004