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

Вложенные списки

Списки определений

Нумерованные списки

Нумерованный список идентичен ненумерованному списку, только вместо < UL> используется < OL>.

<OL>

<LI> апельсины

<LI> персики

<LI> виноград

</OL>

что дает на экране:

1. апельсины

2. персики

3. виноград

Browser автоматически нумерует элементы такого списка.

Список определений обычно состоит из чередования термина (DT) и определения (DD). Обычно Web browsers определения располагает на новой строке. Приведем пример списка определений:

<DL>

<DT> NCSA

<DD> NCSA (National Center for Supercomputing Applications).

<DT> CTC

<DD> CTC (Cornell Theory Center).

</DL>

что дает:

NCSA

NCSA (the National Center for Supercomputing Applications)

CTC

CTC (Cornell Theory Center).

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

Приведем пример вложенных списков:

<UL>

<LI> Крупные города России:

<UL>

<LI> Москва

<LI> Санкт-Петербург

</UL>

<LI> Крупны е города Украины:

<UL>

<LI> Киев

</UL>

</UL>

что дает на экране:

· Крупные города России:

· Москва

· Санкт-Петербург

· Крупные города Украины:

· Киев

A – ссылка – href ="другой_документ.html" - путь к документу

Target =_blank - открывает ссылку в новом окне

Name ="anchor1" - имя закладки

Title ="Ваша подсказка" - подсказка к ссылке (текстовой)

В – выделение текста полужирным шрифтом

BIG – выделение текста более крупным шрифтом, чем основной

BODY – тело документа, обязательный тэг

Text ="#cc0000" - задает цвет текста всего документа

Bgcolor ="#000000" - задает цвет фона документа

Background ="картинка.jpg" - задает фоновую картинку

bgproperties =fixed – фоновое изображение прокручиваться не будет поддерживается только в IE

Link = "#ff9999" - задает цвет ссылки

alink = "#ff9999" - задает цвет активной (нажатой) ссылки

vlink = "#ff9999" - задает цвет посещенной ссылки

topmargin = "0" - ширина верхнего и нижнего полей документа для IE

leftmargin = "0" - ширина левого и правого полей документа для IE

marginheight = "0" - ширина верхнего и нижнего полей документа для NN

marginwidth = "0" - ширина левого и правого полей документа для NN

BR -принудительный перенос текста на другую строку

CENTER – центрирование текста и объектов

DIV – выравнивание текста и объектов

Align ="center" - центрирование

Align ="right" - выравнивание по правому краю документа

Align ="left" - выравнивание по левому краю документа

Align ="justify" - выравнивание по обоим краям документа

FONT -управление шрифтами

Color ="#cc0000 - задает цвет для блока текста

Size ="+0" - задает размер шрифта текста (от -2 до +4)

Face ="Arial" - задает определенный тип шрифта

Hx – заголовки (H1, H2, H3, H4, H5, H6)

HEAD – голова документа, обязательный тэг

HR – линия

Align ="right" (center или left)

Width ="30%" (ширина линии в процентах)

Size ="6" (толщина линии)

NoShade (отмена объемности)

Colo r ="cc0000" (цвет линии, только в IE)

HTML -указывает на тип документа, обязательный тэг

I -выделение текста курсивом

IMG – подгрузка изображений (картинок)

Border ="5" - рамка покруг картинки

Width ="500" - ширина картинки

Height ="100" - высота картинки

Align ="left" - расположение текста по отношению к картинке

Vspace ="10" - расстояние от картинки до текста по вертикали

Hspace ="30" - расстояние от картинки до текста по горизонтали

Alt ="описание" - описание картинки

Usemap ="#karta1" - ссылка на карту

MARQUEE – бегущая строка текста (только IE)

bgcolor - цвет фона бегущей строки

height - высота строки

width - ширина строки

behavior ="scroll" обычная прокрутка

behavior ="slide" - строка пробегает до края и останавливается

behavior ="alternate" - строка будет двигаться от края к краю

scrollamount ="1" (1-10) - скорость движения строки

direction="left" (right, up, down) - движение влево (вправо, вверх, вниз)

P – параграф, выравнивание текста и объектов

Align ="center" - центрирование

Align ="right" - выравнивание по правому краю документа

Align ="left" - выравнивание по левому краю документа

Align ="justify " - выравнивание по обоим краям документа

U – подчеркнутый текст

TITLE – заголовок документа

TABLE – таблица

bgcolor ="#FFCC33" - цвет фона таблицы (строки, ячейки)

background ="картинка.gif" - задает фоновый рисунок

width ="50" или width="50%"- ширина таблицы

height ="45" или height="45%"- высота таблицы

cellspacing ="5" - расстояние между ячейками

cellpadding ="5" - расстояние внутри ячеек

border ="3" - задает толщину рамки таблицы

bordercolor ="#000000" - задает цвет рамки таблицы

CAPTION – определяет заголовок таблицы (тэг закрывающийся)

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

bgcolor ="#FFCC33" - цвет фона

background ="картинка.gif" - задает фоновый рисунок

width ="50" или width="50%"- ширина

height ="45" или height="45%"- высота

TD – ячейка данных таблицы

bgcolor ="#FFCC33" - цвет фона

background ="картинка.gif" - задает фоновый рисунок

width ="50" или width="50%"- ширина

height ="45" или height="45%"- высота

align ="center" (right, left) - горизонтальное выравнивание содержимого

valign ="middle" (top, bottom) - вертикальное выравнивание содержимого

colspan ="2" - растянуть ячейку на несколько столбцов

rowspan ="2" - растянуть ячейку на несколько рядов

cellspacing ="5" - расстояние между ячейками

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=Windows-1251"> Используется для того, чтобы браузер мог правильно отобразить содержимое страницы и для определения поисковой машиной языка, на котором написана страница

<META name="author" content="Arni Schwarz"> - Используется для указания имени автора. Поисковые системы могут найти нужный сайт по имени автора (или найти самого автора).

<META name="copyright" content="&copy; 2001 SOFT BANANAS"> - Полезно также указать и авторские права название фирмы почти наверняка будет проиндексировано поисковой машиной.

<META name="keywords" content="META, HTML, WWW, Web, паутина, поиск, определение, рекомендации, примеры использования, учебник, руководство, информация, справка, Netscape, Microsoft Internet Explorer" > - Список терминов и ключевых слов это то, что является самым главным при индексировании Вашего сайта поисковой машиной! Длина содержимого тегов МЕТА "keywords" не должна превышать 1000 символов

< META name="description" content="The best homepage"> - Краткое описание Вашего сайта, используемое поисковым сервером для индексирования, и, как правило, вставляемое в текст страницы найденных совпадений в качестве описания Вашего сайта. Длина содержимого тегов МЕТА "description" не должна превышать 200 символов

<META HTTP-EQUIV="Site-Enter" CONTENT="revealTrans (Duration=4.0,Transition=12)"> (эффект при заходе на сайт)

<META HTTP-EQUIV="Site-Exit" CONTENT="revealTrans (Duration=4.0,Transition=12)"> (эффект при уходе с сайта), где Duration задает время в секундах, а Transition - номер эффекта

Дата добавления: 2014-01-11