Тэги для HTML-документов 

Что такое ТЭГ?


Вся информация о форматировании документа сосредоточена в его фрагментах, заключенных между знаками "<" и ">". Такой фрагмент (например, <html>) называется меткой (по-английски — tag, читается "тэг").
Большинство HTML-меток — парные, то есть на каждую открывающую метку вида <tag> есть закрывающая метка вида </tag> с тем же именем, но с добавлением "/".
Метки можно вводить как большими, так и маленькими буквами. Например, метки <body>, <BODY> и <Body> будут восприняты браузером одинаково.
Многие метки, помимо имени, могут содержать атрибуты — элементы, дающие дополнительную информацию о том, как браузер должен обработать текущую метку.

ЗАЧЕМ Я ОБ ЭТОМ ПИШУ??


Дело в том, что сама я бываю на многих сайтах. Конечно, на проф. сайтах с этим делом все в порядке, но вот у многих на Народе возникают проблемы. Даже проблемами это и не назвать, честно говоря..
Ну например.. Гуляю я по сайту и обнаруживаю голосование или опрос. Все классно, но вот опрос расположен от левого края страницы. Ну лично мне больше нравится, когда такие вещи расположены по середине.. Ну это кому как.. Что же делать??!!! Если вы вставите тэг <center> в начало и в конец страницы, то ваше голосование будет строго по середине. Вы можете приставлять этот тэг к любым кодам или БАННЕРАМ.

САМИ ТЭГИ!


Большинство HTML документов имеют заголовок. Для его создания используют теги <Hn></Hn>, где n – число от 1 до 6. (размер шрифта заголовка) Заключив текст между этими тегами, вы получите заголовок определенного размера. Для создания нового абзаца используется тег <P>, а для перехода на новую строчку без создания абзаца - тег <BR>. Эти теги закрывать не обязательно. Конечно, если Вы не используете в теге <P> элемент ALIGN, которым может задаватся выравнивание абзаца:
<P ALIGN=LEFT> По левому краю </P>
<P ALIGN=CENTER> По центру </P>
<P ALIGN=RIGHT> По правому краю </P>
<P ALIGN=JUSTIFY> Текст, находящийся между этими элементами выравнивается по ширине </P>

Для придания тексту определенного начертания - жирный, курсив, подчеркнутый и т.д., поместите его между соответствующими тегами:
<B> Жирный текст </B>
<I> Курсив </I>
<U> Подчеркнутый </U>
<STRIKE> Перечеркнутый </STRIKE>
<SUP> Верхний индекс </SUP>
<SUB> Нижний индекс </SUB>


Некоторые теги могут или должны применяться с определенными параметрами, которые указываются в открывающемся элементе тега (можно сразу указывать несколько параметров в одном теге). Например, открывающийся тег <FONT> (закрывающийся тег </FONT> обязателен) может иметь несколько атрибутов:

SIZE - задает размер текста (по умолчанию размер текста равен 3). Поместив текст между тегами <FONT SIZE=n></FONT>, где n - цифровое значение, Вы придадите ему нужный вам размер

FACE - задает стандартное имя шрифта. Используйте шрифты, которые установлены на компьютере пользователя, в противном случае Обозреватель будет использовать шрифт, определенный по умолчанию (обычно Times New Roman). К стандартным шрифтам можно отнести шрифты, поставляемые с Windows 98, Ms Plus, Ms Office. В самой нижней строке данной таблицы представлено использование семества шрифта - имя каждого шрифта пишется через запятую. Если у пользователя на компьютере нет шрифта Comic Sans MS, Обозреватель подставит следующий в этом списке - Tahoma.

<font face="Times New Roman"> Times New Roman </font>
<font face="System"> System </font>
<font face="Arial"> Arial </font>
<font face="Courier"> Courier </font>
<font face="Verdana"> Verdana </font>
<font face="Comic Sans MS, Tahoma"> Comic Sans MS </font>


COLOR - задает цвет текста (по умолчанию черный - #000000). Цвет текста может определятся как самим названием, например, red, blue и т.д, так и представлен в шестнадцатиричном виде - #FF0000 (красный) #0000FF (синий).

<font COLOR="red"> Красный </font>
<font COLOR="#FF0000"> Красный </font>

С помощью элемента STYLE тега <SPAN> (закрывающийся тег </SPAN> обязателен) можно задавать выделение текста любым цветом:

<SPAN STYLE="BACKGROUND-COLOR: lightgreen"> Светлозеленый </SPAN>
<SPAN STYLE="BACKGROUND-COLOR: yellow"> Желтый </SPAN>
<SPAN STYLE="BACKGROUND-COLOR: lightblue"> Светлосиний </SPAN>

Форматированный текст: <PRE> ... </PRE>
В самом начале мы говорили о том, что браузеры игнорируют множественные пробелы и символы конца строки. Из этого правила, однако, есть исключение.
Текст, заключенный между метками <PRE> и </PRE> (от английского preformatted — предварительно форматированный), выводится браузером на экран как есть — со всеми пробелами, символами табуляции и конца строки. Это очень удобно при создании простых таблиц.

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

ГДЕ МОЖНО ИСПРОБОВАТЬ ТЭГИ???

Испробовать, как это все работает можно прямо на вашем сайте! Создайте страницу HTML и попробуйте разместить там какой-нибудь небольшой текст, к примеру: "Привет! Рад видеть тебя на своей скромненькой паге!" Заключите текст между разными тэгами и посмотрите результат. Попробуйте изменить у текста цвет, размер, шрифт, определенное начертание и.т.д.



Hosted by uCoz