<HTML> </HTML>
Начало и конец
html-Аокумента, сообщают, к какому, собственно, типу относится данный файл.
<НЕАО> </НЕАО>
«Заголовок»
документа. Служит для размещения между ними описания веб-страницы. В содержании
страницы не отображаются.
<BODY> </BODY>
«Тело» документа.
Здесь, собственно, и размещается все «содержимое» веб-страницы.
Примечание:
для некоторых тегов могут применяться
различные виды параметров. Указываются они, как правило, в стартовом теге.
Записываются следующим образом: параметр=значение. Текстовые значения параметразаключаются
в кавычки. Так, например, для тега ВООУ> могут быть применены следующие
параметры:
*
bgcolor - устанавливает фоновый цвет
веб-страницы (о цветах речь пойдет ниже);
* Ьасkgrouпd - с
помощью этого параметра можно указать рисунок для использования в качестве фона
страницы;
* text - цвет
шрифта текстового содержания вебстраницы;
*
lапg - укажет на то, какой язык был
использован при написании текстового содержания, например: «ru» русский, «еп»
- английский и т.д.;
* link - цвет отображения на веб-странице гипертекстовых
ссылок;
* vlink
- цвет «пройденных» гиперссылок в текущем
сеансе работы;
* alink
- цвет «активной» гиперссылки.
<TITLE> </ТIТLЕ>
Имя документа.
<МЕТА>
Метаданные.
Служат для размещения неотображаемой информации о документе. Могут
использоваться, например, для указания режима отображения страницы, ее
идентификации и т.д. «Обработка» метаданных происходит обычно каким-нибудь
специализированным интернет-приложением, например, Поисковыми роботами.
Записываются метаданные последующей схеме: <МЕТА NАМЕ=«Имя переменной»
сопtепt=«Значение переменной»>. Приведу несколько небольших примеров:
<МЕТА
NAME=«keywords» content=« ... »> Здесь вместо многоточия указываете список
ключевых слов, по которым вы хотели бы, чтобы данная страница определялась
поисковыми системами. Если желаете указать язык, к которому относятся данные
слова, то напишите параметр lang=« ... » и двухбуквенное
обозначение языка.
<МЕТА
NAME=«description» content=« ... »> В данном случае вместо многоточия пишите
краткую аннотацию своей веб-страницы.
<МЕТА
NAME=«refresh» content=« ... »> служит для указания веб-странице на
промежуток времени, через которое данная страница должна будет автоматически
обновиться. Время указывается в секундах.
<МЕТА
HTTP-ЕQUIV=«Сопtепt- Туре» content=«text/ html; сhагsеt=Wiпdоws-1251 »>
- указание на вид
применяемой кодировки для отображения данной веб-страницы.
ID
- уникальный идентификатор, присваиваемый некоему элементу в документе для его
стилевой обработки в последующей работе.
CLASS
- идентификатор, присваиваемый целому классу элементов веб-страницы, что дает
возможность всего лишь в одном месте изменить описание правил отображения
класса, а изменения коснутся всего класса «помеченных» элементов.
<DIV> </DIV>
При
помощи этой пары тегов можно ряд элементов страницы объединить в один массив
(блок) и применить к нему однотипное форматирование. В тег можно добавить ряд
параметров для единого форматирования, например, стиль (STYLE), выравнивание
(ALIGN), 10, CLASS и другие.
Примечание: пора
немного затронуть тему параметров. Так, например, параметр ALIGN -
выравнивание, может иметь
значения:
LEFТ - выровнять по левому краю; RIGHT -
выровнять по правому краю; CENTER - выровнять по центру;
JUSТlFY - выровнять (растянуть) по обоим
краям.
<SPAN> </SPAN>
С помощью этих
тегов можно произвести форматирование любого, отдельно взятого элемента
страницы. С тегом применяются те же самые параметры, что и в теге DIV.
<Р></Р>
Параграф,
текстовый абзац. Используется с набором параметров, указанных выше. Между
абзацами делается «пропуск» размером в одну строку.
<Н1> </Н1>
Выделение
заголовков текста. В НТМL-документах применяется шесть уровней текстовых заголовков
Н 1 , Н2, НЗ, Н4, Н5 и Н6 - от большего к меньшему. В заголовке можно
использовать те же самые, указанные выше, параметры.
<BR>
Одиночный перевод строки.
<NOBR> </NOBR>
Служит для «запрета» перевода строки.
<PRE> </РRЕ>
Предварительно
отформатированный текст; сохранить формат текста как есть. Обычно используются
для внедрения в веб-страницу текста, ранее отформатированного в каком-либо
текстовом редакторе. Чтобы сохранить всю разметку на странице, переносы и т.д.,
следует установить тот же самый шрифт, что был использован в текстовом
редакторе, и указать значение параметра WIDTH=« ... » ширина строки в символах.
<WBR>
Данный
тег используется для указания браузеру, где разбить строку для переноса в
случае таковой необходимости.
<HR>
Горизонтальный
разделитель. В качестве параметров разделителя можно задать его ширину,
толщину и выравнивание на странице.
Примечание:
о параметре выравнивания (ALIGN) говорилось выше, а вот такой параметр, как
ширину, сейчас и рассмотрим.
Ширина
- размер по горизонтали можно указывать в процентах - WIDTH=«500/0» или в
пикселях WIDTH=«50».
Далее
при написании еще некоторых тегов встретится параметр «высота», который
изображается следующим образом - HEIGHT=« ... ». Высота обычно указывается в
пикселях, но иногда можно встретить значение высоты, указанное звездочкой ( *
), что обозначает «кратность» десяти пикселям, например: HEIGHT=«5*», что
соответствует 50 пикселям.
Следующий параметр
- толщина разделителя указывается в пикселях, например: SIZE=«5».
В
качестве параметра горизонтального разделителя можно указать и NOSHADE, в этом
случае ваш разделитель не будет отбрасывать тень, что он обычно делает по
умолчанию.
<FONT> </FONT>
Тег управления шрифтом. При использовании соответствующих параметров можно
задать цвет шрифта (COLOR=), размер шрифта (SIZE=), вид шрифта и т.д.
В
языке HTML существует условное деление величины шрифта на семь уровней - от 1
до 7. Из них самым крупным является SIZE=«7» и, естественно, самым мелким -
SIZE=«1 ». Если же размер шрифта не будет указан, то по умолчанию он будет
равен SIZE=«3». Также можно задать шрифт определенного уровня сразу ДЛЯ всей страницы,
а затем по мере необходимости «подрегулировать» его по своему усмотрению. Производится
это при помощи тега <BASEFONT SIZE=« ... »>базовый размер шрифта.
«Подрегулировать» базовый размер можно при помощи параметров SIZE=«+1» и
SIZE=«-1» ( +/- 2; +/- 3), что обозначает, соответственно, «увеличить» или
«уменьшить» размер шрифта относительно базового размера. Также увеличить или
уменьшить размер шрифта на одну единицу относительно предшествующего можно и
при помощи следующих тегов:
<BIG> </BIG> - на одну единицу крупнее;
<SMALL> </SMALL> - на
одну единицу мельче. <FONT FACE= «…»>
Данный
параметр служит для указания браузеру, каким шрифтом следует отобразить
заданную часть текста. Если же вы укажете не один, а несколько видов шрифтов,
то, в случае отсутствия в системе пользователя первого из них, браузер выведет
текст следующим по счету шрифтом. Пример: FONT FACE= «Georgia, Arial Black, Times New Rоmаn»>.
<В> </В>
Выделение
текстового фрагмента (или слова) при помощи полужирного написания шрифта.
<U> </U>
Выделение
текстового фрагмента (или слова) при помощи подчеркивания текста.
<I> </I>
Выделение
текстового фрагмента при помощи курсивного написания шрифта.
<S> </S>
Выделение
текстового фрагмента (или слова) при помощи перечеркнутого текста.
<SUP> </SUP>
Выделение текста при помощи «помещения»
его в
верхний индекс.
<SUB> </SUB> Нижний
индекс.
<ЕМ> </ЕМ>
Выделение текста
курсивом, аналог тегу<I>. Обычно, таким образом, выделяются в тексте
какие-либо термины.
<DFN>
</DFN>
Подобным образом в
тексте также выделяются термины и определения.
<STRONG> </STRONG>
Выделение текста
при помощи полужирного шрифта, аналогично тегу <В>.
<STRIKE> </STRIKE>
Выделение при
помощи перечеркнутого текста, аналогично тегу <S>.
<CIТY> </CIТY>
Выделение цитаты
(осуществляется обычно курсивом).
<BLOCKQUOTE>
</BLOCKQUOTE>
Это
тоже выделение цитаты, но на сей раз сопровождающееся отступом с красной
строки. Если же к данному тегу еще добавить параметр CITE=« ... », то можно в качестве его значения указать любой сетевой
ресурс Интернета, откуда данная цитата была использована. Но о ссылках речь еще
будет у нас немного позже.
<CODE> </CODE>
Таким
способом в тексте выделяют фрагмент машинного кода. Браузер отображает
подобное выделение моноширинным шрифтом фиксированной ширины, подобно пишущей
машинке. Используется для отображения листингов программного кода.
<TT></TT>
Аналогично предыдущему значению.
<VAR>
</VAR>
Служит для отображения «переменных» В исходном коде программ. «Выводится» браузерами обычно курсивом.
<SАМР> </SАМР>
А таким способом
выделяется текстовая информация, выводимая программами.
<LISTING> </LISTING>
Данная пара тегов
используется для выделения целых «кусков» программного кода.
<KBD> </KBD>
При помощи этих тегов можно отобразить текст, «введенный с клавиатуры».
|