Теги разметки документа
| Значения тегов разметки документа
|
< HTML> … < /html>
| Начало и окончание HTML - документа
|
< HEAD> … < /head>
| Между этими тегами располагается информация о документе (на экран не выводится)
|
< TITLE> … < /title>
| Между этими тегами заключается название странички, которое будет выведено в рамке окна программы просмотра.
|
< BODY> … < /body>
| Между этими тегами располагается " тело" документа (текст, графика и т.д.).
|
Параметры тега < BODY>
|
< BODY bgcolor =" #FFFFFF" >
| BGCOLOR- цвет фона
|
background
| " Обои" или бэкграунд
|
text
| Цвет текста
|
link
| Цвет гипертекстовой связи (ссылки)
|
vlink
| Цвет ссылки, уже посещенной в прошлом
|
alink
| Цвет активной ссылки
|
Теги, служащие для форматирования текста
|
< P> … < /p>
| Теги, служащие для выделения абзацев. Новый абзац всегда отделяется от предыдущего пустой строкой
|
< BR>
| Тег, служащий для переноса текста на другую строку. Может также служить для отделения графики от текста на интервал.
|
< HR>
| Тег, служащий для логического разделения текста горизонтальной линией.
|
< PRE> … < /pre>
| Между этими тегами располагается предварительно отформатированный текст. На экран он выводится шрифтом типа " курьер".
|
Заголовки, служащие для выделения логических частей текста
|
< H1> … < /h1>
| Заголовок первого уровня
|
< H2> … < /h2>
| Заголовок второго уровня
|
< H3> … < /h3>
| Заголовок третьего уровня
|
< H4> …< /h4>
| Заголовок четвертого уровня
|
< H5> … < /h5>
| Заголовок пятого уровня
|
< H6> … < /h6>
| Заголовок шестого уровня
|
Параметры выравнивания (используются в тегах < P> и < H1>)
|
align = left
| Выравнивание по левому полю
|
align = right
| Выравнивание по правому полю
|
align = center
| Выравнивание по центру
|
Теги выравнивания
|
< left> … < /left>
| Выравнивание по левому полю
|
< right> … < /right>
| Выравнивание по правому полю
|
< center> … < /center>
| Выравнивание по центру
|
Теги для выделения текста и шрифта
|
< 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 =" file.gif" > или
< IMG src =" file.jpg" >
| Команда для вставки графического изображения
|
< IMG src =" file.wav" >
| Команда для вставки звукового фрагмента
|
< IMG src =" file.avi" >
| Команда для вставки видео фрагмента
|
Параметры графического изображения
|
widht
| Ширина картинки в пикселях
|
height
| Высота картинки в пикселях
|
align - выравнивание
|
align = left
| Выравнивание по левому полю
|
align = right
| Выравнивание по правому полю
|
align = top
| По верхней границе
|
align = bottom
| По нижней границе
|
align = middle или center
| По центру
|
hspace
| Горизонтальный отступ от графического изображения
|
vspace
| Вертикальный отступ
|
alt
| Альтернативный текст, служит для обозначения изображения
|
Команды, служащие для гиперсвязи с другими HTML - документами и
ресурсами Интернет
|
< A href=" fail.htm" > … < /a> или
< A href=" http: //www.ru" > …< /a>
| Гиперсвязи (на определенный файл или адрес)
|
< ADDRESS>
< A href=mailto: person@firm.ru
person@firm.ru < /address>
| Гиперсвязь с адресом электронной почты
|
Таблица - сетка для показа данных в строках и столбцах, а также средство для форматирования текста
|
< TABLE> …< /table>
| Теги для вставки таблицы в HTML - документ
|
Параметры тега < TABLE>:
|
bgcolor
| Цвет фона
|
border
| Ширина бордюра
|
widht
| Ширина таблицы
|
Теги разметки таблицы
|
< CAPTION> … < /caption>
| Название таблицы
|
Параметры: align = top
| Выравнивание над таблицей
|
align = bottom
| Выравнивание под таблицей
|
< TR> … < /tr>
| Строчка таблицы
|
Параметры: bgcolor
| цвет фона внутри строки
|
align = left
| Выравнивание внутри строки (по левому краю)
|
align = right
| Выравнивание внутри строки (по правому краю)
|
align = center
| Выравнивание внутри строки (по центру)
|
valign = top
| Вертикальное выравнивание внутри строки таблицы - по верхнему краю
|
valign = bottom
| Вертикальное выравнивание внутри строки таблицы - по нижнему краю
|
valign = 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>
| Тег для описания рамки
(< FRAME SRC=" 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
| Содержимое страницы, заданной ссылкой, в окно, игнорируя используемые фреймы
|
Бегущая строка
|
< MARQUEE>
ТЕКСТ
< /marquee>
| Тег, создающий бегущую строку
|
< MARQUEE direction = left >
tekct< /marquee>
| Если бегущую строку нужно направить справа налево
|
< MARQUEE direction=right>
tekct< /marquee>
| Движение слева направо
|
scroll
| Стандартное движение от правого края к левому
|
slide
| Надпись один раз пробегает от правого края к левому, где и остается
|
alternate
| Движение от правого края страницы к левому и обратно; бесконечный цикл.
|
< MARQUEE loop = n behavior = scroll > текст < /marquee>
| Ограничение числа циклов. Значение n оператора LOOP указывает число повторений цикла
|
< MARQUEE widht = n >
текст < /marquee>
| Указать ширину участка, занимаемого бегущей строкой, где n - ширина той части страницы, на которой расположена бегущая строка. Значение n указывается как в пикселях, так и в процентах от общей ширины видимой части страницы
|
< MARQUEE crollamount = n >
текст < /marquee>
| Регулировка движения надписи по экрану. Здесь n - число пикселей
|
< MARQUEE scrolldelay = t >
текст < /marquee>
| В данном случае переменная величина – время t (измеряется в миллисекундах). Метод задания скорости состоит в указании времени, спустя которое текст будет перерисован на экране заново
|
< FONTSIZE=n> < MARQUEE>
текст < /marquee> < /font>
| Возможность указывать величину шрифта текста в строке
|
< MARQUEE bgcolor=n> текст < /marquee>
| Окрасить поверхность бегущей строки в какой-либо цвет, где n, как это бывало и раньше, можно указать в вид шестнадцатеричного числа, либо написав его название
|
< MARQUEE height = n >
текст < /marquee>
| Указать высоту бегущей строки, задавая величину n в пикселях
|
Ниже приведены значения специальных символов, которые можно использовать при создании веб-сайтов. Можно включать в HTML как имя символа, так и его код - результат должен быть одинаков.
Имя
| Код
| Вид
| Описание
|
& nbsp;
| & #160;
|
| неразрывный пробел
|
& iexcl;
| & #161;
| ¡
| перевернутый восклицательный знак
|
& cent;
| & #162;
| ¢
| цент
|
& pound;
| & #163;
| £
| фунт стерлингов
|
& curren;
| & #164;
| ¤
| денежная единица
|
& yen;
| & #165;
| ¥
| иена или юань
|
& brvbar;
| & #166;
| ¦
| разорванная вертикальная черта
|
& sect;
| & #167;
| §
| параграф
|
& uml;
| & #168;
| ¨
| трема (знак над гласной для произнесения ее отдельно от предшествующей гласной; напр., na? ve)
|
& copy;
| & #169;
| ©
| знак copyright
|
& ordf;
| & #170;
| ª
| женский порядковый числитель
|
& laquo;
| & #171;
| «
| левая двойная угловая скобка
|
& not;
| & #172;
|
| знак отрицания
|
& shy;
| & #173;
|
| место возможного переноса
|
& reg;
| & #174;
| ®
| знак зарегистрированной торговой марки
|
& macr;
| & #175;
| ¯
| знак долготы над гласным
|
& deg;
| & #176;
| °
| градус
|
& plusmn;
| & #177;
| ±
| плюс-минус
|
& sup2;
| & #178;
| ²
| верхний индекс 'два' - " в квадрате"
|
& sup3;
| & #179;
| ³
| верхний индекс 'три' - " в кубе"
|
& acute;
| & #180;
| ´
| знак ударения
|
& micro;
| & #181;
| µ
| микро
|
& para;
| & #182;
| ¶
| символ параграфа
|
& middot;
| & #183;
| ·
| точка
|
& cedil;
| & #184;
| ¸
| седиль (орфографический знак)
|
& sup1;
| & #185;
| ¹
| верхний индекс 'один'
|
& ordm;
| & #186;
| º
| мужской порядковый числитель
|
& raquo;
| & #187;
| »
| правая двойная угловая скобка
|
& frac14;
| & #188;
| ¼
| дробь - одна четверть
|
& frac12;
| & #189;
| ½
| дробь - одна вторая
|
& frac34;
| & #190;
| ¾
| дробь - три четверти
|
& iquest;
| & #191;
| ¿
| перевернутый вопросительный знак
|
& Agrave;
| & #192;
| À
| латинская заглавная буква А с тупым ударением
|
& Aacute;
| & #193;
| Á
| латинская заглавная буква А с острым ударением
|
& Acirc;
| & #194;
| Â
| латинская заглавная буква А с циркумфлексом (диакритический знак над гласной)
|
& Atilde;
| & #195;
| Ã
| латинская заглавная буква А с тильдой
|
& Auml;
| & #196;
| Ä
| латинская заглавная буква А с тремой (знак над гласной для произнесения ее отдельно от предшествующей гласной)
|
& Aring;
| & #197;
| Å
| латинская заглавная буква А с верхним кружком
|
& AElig;
| & #198;
| Æ
| латинские заглавные символы AE
|
& Ccedil;
| & #199;
| Ç
| латинская заглавная буква C с седилем
|
& Egrave;
| & #200;
| È
| латинская заглавная буква E с тупым ударением
|
& Eacute;
| & #201;
| É
| латинская заглавная буква E с острым ударением
|
& Ecirc;
| & #202;
| Ê
| латинская заглавная буква E с циркумфлексом (диакритический знак над гласной)
|
& Euml;
| & #203;
| Ë
| латинская заглавная буква E с тремой
|
& Igrave;
| & #204;
| Ì
| латинская заглавная буква I с тупым ударением
|
& Iacute;
| & #205;
| Í
| латинская заглавная буква I с острым ударением
|
& Icirc;
| & #206;
| Î
| латинская заглавная буква I с циркумфлексом
|
& Iuml;
| & #207;
| Ï
| латинская заглавная буква I с тремой
|
& ETH;
| & #208;
| Ð
| латинские заглавные символы ETH
|
& Ntilde;
| & #209;
| Ñ
| латинская заглавная буква N с тильдой
|
& Ograve;
| & #210;
| Ò
| латинская заглавная буква O с тупым ударением
|
& Oacute;
| & #211;
| Ó
| латинская заглавная буква O с острым ударением
|
& Ocirc;
| & #212;
| Ô
| латинская заглавная буква O с циркумфлексом
|
& Otilde;
| & #213;
| Õ
| латинская заглавная буква O с тильдой
|
& Ouml;
| & #214;
| Ö
| латинская заглавная буква O с тремой
|
& times;
| & #215;
| ×
| знак умножения
|
& Oslash;
| & #216;
| Ø
| латинская заглавная буква O со штрихом
|
& Ugrave;
| & #217;
| Ù
| латинская заглавная буква U с тупым ударением
|
& Uacute;
| & #218;
| Ú
| латинская заглавная буква U с острым ударением
|
& Ucirc;
| & #219;
| Û
| латинская заглавная буква U с циркумфлексом
|
& Uuml;
| & #220;
| Ü
| латинская заглавная буква U с тремой
|
& Yacute;
| & #221;
| Ý
| латинская заглавная буква Y с острым ударением
|
& THORN;
| & #222;
| Þ
| латинская заглавная буква THORN
|
& agrave;
| & #224;
| à
| латинская строчная буква А с тупым ударением
|
& aacute;
| & ##225;
| á
| латинская строчная буква А с острым ударением
|
& acirc;
| & ##226;
| â
| латинская строчная буква А с циркумфлексом
|
& atilde;
| & #227;
| ã
| латинская строчная буква А с тильдой
|
& auml;
| & #228;
| ä
| латинская строчная буква А с тремой
|
& aring;
| & #229;
| å
| латинская строчная буква А с верхним кружком
|
& aelig;
| & #230;
| æ
| латинская строчные буквы АE
|
& ccedil;
| & #231;
| ç
| латинская строчная буква А с седилем
|
& egrave;
| & #232;
| è
| латинская строчная буква E с тупым ударением
|
& eacute;
| & #233;
| é
| латинская строчная буква E с острым ударением
|
& ecirc;
| & #234;
| ê
| латинская строчная буква E с циркумфлексом
|
& euml;
| & #235;
| ë
| латинская строчная буква E с тремой
|
& igrave;
| & #236;
| ì
| латинская строчная буква I с тупым ударением
|
& iacute;
| & #237;
| í
| латинская строчная буква I с острым ударением
|
& icirc;
| & #238;
| î
| латинская строчная буква I с циркумфлексом
|
& iuml;
| & #239;
| ï
| латинская строчная буква I с тремой
|
& eth;
| & #240;
| ð
| латинская строчные символы eth
|
& ntilde;
| & #241;
| ñ
| латинская строчная буква N с тильдой
|
& ograve;
| & #242;
| ò
| латинская строчная буква O с тупым ударением
|
& oacute;
| & #243;
| ó
| латинская строчная буква O с острым ударением
|
& ocirc;
| & #244;
| ô
| латинская строчная буква O с циркумфлексом
|
& otilde;
| & #245;
| õ
| латинская строчная буква I с тильдой
|
& ouml;
| & #246;
| ö
| латинская строчная буква I с тремой
|
& divide;
| & #247;
| ÷
| знак деления
|
& oslash;
| & #248;
| ø
| латинская строчная буква O со штрихом
|
& ugrave;
| & #249;
| ù
| латинская строчная буква U с тупым ударением
|
& uacute;
| & #250;
| ú
| латинская строчная буква U с острым ударением
|
& ucirc;
| & #251;
| û
| латинская строчная буква U с циркумфлексом
|
& uuml;
| & #252;
| ü
| латинская строчная буква U с тремой
|
& yacute;
| & #253;
| ý
| латинская строчная буква Y с острымударением
|
& thorn;
| & #254;
| þ
| латинская строчная буква thorn
|
& yuml;
| & #255;
| ÿ
| латинская строчная буква Y с тремой
|
& fnof;
| & #402;
| ƒ
| знак функции
|
Греческие буквы
|
& Alpha;
| & #913;
| Α
| греческая заглавная буква альфа
|
& Beta;
| & #914;
| Β
| греческая заглавная буква бета
|
& Gamma;
| & #915;
| Γ
| греческая заглавная буква гамма
|
& Delta;
| & #916;
| Δ
| греческая заглавная буква дельта
|
& Epsilon;
| & #917;
| Ε
| греческая заглавная буква эпсилон
|
& Zeta;
| & #918;
| Ζ
| греческая заглавная буква дзета
|
& Eta;
| & #919;
| Η
| греческая заглавная буква эта
|
& Theta;
| & #920;
| Θ
| греческая заглавная буква тета
|
& Iota;
| & #921;
| Ι
| греческая заглавная буква иота
|
& Kappa;
| & #922;
| Κ
| греческая заглавная буква каппа
|
& Lambda;
| & #923;
| Λ
| греческая заглавная буква лямбда
|
& Mu;
| & #924;
| Μ
| греческая заглавная буква мю
|
& Nu;
| & #925;
| Ν
| греческая заглавная буква ню
|
& Xi;
| & #926;
| Ξ
| греческая заглавная буква кси
|
& Omicron;
| & #927;
| Ο
| греческая заглавная буква омикрон
|
& Pi;
| & #928;
| Π
| греческая заглавная буква пи
|
& Rho;
| & #929;
| Ρ
| греческая заглавная буква ро
|
& Sigma;
| & #931;
| Σ
| греческая заглавная буква сигма
|
& Tau;
| & #932;
| Τ
| греческая заглавная буква тау
|
& Upsilon;
| & #933;
| Υ
| греческая заглавная буква ипсилон
|
& Phi;
| & #934;
| Φ
| греческая заглавная буква фи
|
& Chi;
| & #935;
| Χ
| греческая заглавная буква хи
|
& Psi;
| & #936;
| Ψ
| греческая заглавная буква пси
|
& Omega;
| & #937;
| Ω
| греческая заглавная буква омега
|
& alpha;
| & #945;
| α
| греческая строчная буква альфа
|
& beta;
| & #946;
| β
| греческая строчная буква бета
|
& gamma;
| & #947;
| γ
| греческая строчная буква гамма
|
& delta;
| & #948;
| δ
| греческая строчная буква дельта
|
& epsilon;
| & #949;
| ε
| греческая строчная буква эпсилон
|
& zeta;
| & #950;
| ζ
| греческая строчная буква дзета
|
& eta;
| & #951;
| η
| греческая строчная буква эта
|
& theta;
| & #952;
| θ
| греческая строчная буква тета
|
& iota;
| & #953;
| ι
| греческая строчная буква иота
|
& kappa;
| & #954;
| κ
| греческая строчная буква каппа
|
& lambda;
| & #955;
| λ
| греческая строчная буква лямбда
|
& mu;
| & #956;
| μ
| греческая строчная буква мю
|
& nu;
| & #957;
| ν
| греческая строчная буква ню
|
& xi;
| & #958;
| ξ
| греческая строчная буква кси
|
& omicron;
| & #959;
| ο
| греческая строчная буква омикрон
|
& pi;
| & #960;
| π
| греческая строчная буква пи
|
& rho;
| & #961;
| ρ
| греческая строчная буква ро
|
& sigmaf;
| & #962;
| ς
| греческая строчная буква сигма (final)
|
& sigma;
| & #963;
| σ
| греческая строчная буква сигма
|
& tau;
| & #964;
| τ
| греческая строчная буква тау
|
& upsilon;
| & #965;
| υ
| греческая строчная буква ипсилон
|
φ
| & #966;
| φ
| греческая строчная буква фи
|
& chi;
| & #967;
| χ
| греческая строчная буква хи
|
& psi;
| & #968;
| ψ
| греческая строчная буква пси
|
& omega;
| & #969;
| ω
| греческая строчная буква омега
|
Стрелки
|
& larr;
| & #8592;
| ←
| стрелка влево
|
& uarr;
| & #8593;
| ↑
| стрелка вверх
|
& rarr;
| & #8594;
| →
| стрелка вправо
|
& darr;
| & #8595;
| ↓
| стрелка вниз
|
& harr;
| & #8596;
| ↔
| стрелка влево-вправо
|
Прочие символы
|
& spades;
| & #9824;
| ♠
| знак масти 'пики'
|
& clubs;
| & #9827;
| ♣
| знак масти 'трефы' - shamrock
|
& hearts;
| & #9829;
| ♥
| знак масти 'червы' - valentine
|
& diams;
| & #9830;
| ♦
| знак масти 'бубны'
|
& quot;
| & #34;
| "
| двойная кавычка
|
& amp;
| & #38;
| &
| амперсанд
|
& lt;
| & #60;
| <
| знак 'меньше'
|
& gt;
| & #62;
| >
| знак 'больше'
|
& circ;
| & #710;
| ˆ
| символ циркумфлекса (диакритический знак над гласной)
|
& tilde;
| & #732;
| ˜
| тильда
|
& trade;
| & #8482;
| ™
| знак торговой марки
|
Знаки пунктуации
|
& bull;
| & #8226;
| •
| bullet - маленький черный кружок
|
& hellip;
| & #8230;
| …
| многоточие...
|
& prime;
| & #8242;
| ′
| одиночный штрих - минуты и футы
|
& Prime;
| & #8243;
| ″
| двойной штрих - секунды и дюймы
|
& oline;
| & #8254;
| ‾
| надчеркивание
|
& frasl;
| & #8260;
| ⁄
| косая дробная черта
|
Общая пунктуация
|
& ndash;
| & #8211;
| –
| тире
|
& mdash;
| & #8212;
| —
| длинное тире
|
& lsquo;
| & #8216;
| ‘
| левая одиночная кавычка
|
& rsquo;
| & #8217;
| ’
| правая одиночная кавычка
|
& sbquo;
| & #8218;
| ‚
| нижняя одиночная кавычка
|
& ldquo;
| & #8220;
| “
| левая двойная кавычка
|
& rdquo;
| & #8221;
| ”
| правая двойная кавычка
|
& bdquo;
| & #8222;
| „
| нижняя двойная кавычка
|
1. Попов И.И. Информационные ресурсы и системы: реализация, моделирование, управление // М.: ТПК “Альянс”, 1996.
2. Максимович Г.Ю., Романенко А. Г., Самойлюк О.Ф. Информационные системы / Под общей редакцией К. И. Курбакова // М.: Изд-во Рос. экон. акад., 1999. - 198 с.
3. Морис Б. HTML в действии / Пер. с анг. -СПб.: Питер Пресс, 1997.- 256 с.
4. Internet шаг за шагом // СПб.: Питер Пресс, 1997.