XTML-справочник

         

FAQ



Как сделать красную строку?

Существует множество способов создания красной строки, большинство из них с недостатками. На эту тему написано много, но раз уж задали вопрос, отвечу и я 8)

Итак, красной строки в HTML не предусмотрено, что неудивительно ? в английском ее не используют вообще, а специально для русских HTML никто разрабатывать не собирался. Именно поэтому все способы создания красных строк суть своеобразный "финт ушами", попытка обмануть природу. Казалось бы, что идеологически верно ? не корежить текст, а воспользоваться CSS:

Но у этого способа есть недостаток ? не работает в древних браузерах.

Наиболее распространенные способы обмана (работают везде):

<font color="#ЦВЕТ_ФОНА">_______</font>

<img src="/img/null.gif" width=20 height=10> , где null.gif ? прозрачный gif-файл размером 1x1. &nbsp;&nbsp;&nbsp;&nbsp;

Лично я предпочитаю второй способ с прозрачным гифом, т.к. остальные меняют содержимое публикуемого текста, и при попытке его скопировать (например, через Ctrl-C) появится мусор.

  Пример:
     <HEAD>

<STYLE type="text/css">

    <!--

    P:first-line { margin-left: 20; }

    -->

</style>

</HEAD>

...

<BODY...>

<p>тут всякий текст и все такое </p>





Форматы изображений ? GIF или JPG?



GIF и JPG ... в чем разница?

Изображения в Интернете хранятся в одном из двух форматов: GIF или JPG.

Для хранения изображений эти форматы используют совершенно разные алгоритмы, дающие порой колоссальный выигрыш в объеме. Но, с другой стороны, у каждого формата есть и свои ограничения. Умение выбирать нужный формат "на глаз" приходит не сразу, чаще всего сделать правильный выбор помогают лишь нескончаемые эксперименты.

 
Designed by Vladimir Gorodulin , Copyright © 1999-2004

Частичная или полная перепечатка или иное использование материалов сайта допускается только с разрешения автора. Ссылка на источник обязательна. Нарушители преследуются по закону РФ и все такое.

GIF

JPG

Выбор формата всегда направлен на то, чтобы добиться минимального объема получившегося файла. Старайтесь добиваться того, чтобы суммарный объем всех изображений, используемых в дизайне вашего сайта не превышал 30-50 килобайт. Чем меньше ? тем лучше. Делать страницы с графикой большого объема просто неприлично ? пользователи вам за это спасибо не скажут.

Для экспериментов вам понадобится соответствующий инструментарий ? программы-оптимизаторы изображений, так называемые "сэйверы" (см. гл. "Возьми с собой в дорогу").


Эффект "Мозилла". Размер или количество?

Если на одной странице слишком много отдельных картинок, возникает так называемый эффект "Мозилла", выражающийся в увеличении общего времени ее загрузки. Дело в том, что для загрузки каждой картинки ваш браузер посылает серверу отдельный HTTP-запрос. На доставку запроса требуется некоторое время, по человеческим меркам очень небольшое. Но когда таких запросов сотни... сами понимаете.


СМОТРИТЕ ТАКЖЕ:

Описание элемента IMG ? используется для вставки изображений в страницу.

ССЫЛКИ НА ДРУГИЕ САЙТЫ ПО ДАННОЙ ТЕМАТИКЕ

Оптимизация изображений в формате GIF (Mike Melnikov)

Оптимизация изображений в формате JPG (Mike Melnikov)

Простой секрет GIF'а ? о принципе работы этого формата (А.Лебедев)

"Возьми с собой в дорогу..." ? обзор инструментария.

Геометрические формы

256 цветов True color (до 16.7 млн)
Поддерживает прозрачность участков изображения Вся картинка непрозрачна
Обычно используется для кнопок, баннеров, элементов дизайна, логотипов, четких изображений с малым количеством оттенков, чертежей Обычно используется для фотографий и иных "пестрых" картинок с большим количеством плавных переходов цветов

? loz &#9674; lozenge U+25CA ISOpub


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



Α ? Alpha &#913; греческая заглавная буква альфа U+0391
Β ? Beta &#914; греческая заглавная буква бета U+0392
Γ ? Gamma &#915; греческая заглавная буква гамма U+0393 ISOgrk3
Δ ? Delta &#916; греческая заглавная буква дельта U+0394 ISOgrk3
Ε ? Epsilon &#917; греческая заглавная буква эпсилон U+0395
Ζ ? Zeta &#918; греческая заглавная буква дзета U+0396
Η ? Eta &#919; греческая заглавная буква эта U+0397
Θ ? Theta &#920; греческая заглавная буква тета U+0398 ISOgrk3
Ι ? Iota &#921; греческая заглавная буква иота U+0399
Κ ? Kappa &#922; греческая заглавная буква каппа U+039A
Λ ? Lambda &#923; греческая заглавная буква лямбда U+039B ISOgrk3
Μ ? Mu &#924; греческая заглавная буква мю U+039C
Ν ? Nu &#925; греческая заглавная буква ню U+039D
Ξ ? Xi &#926; греческая заглавная буква кси U+039E ISOgrk3
Ο ? Omicron &#927; греческая заглавная буква омикрон U+039F
Π ? Pi &#928; греческая заглавная буква пи U+03A0 ISOgrk3
Ρ ? Rho &#929; греческая заглавная буква ро U+03A1
Буква Sigmaf отсутствует, изнак U+03A2 ? тоже
Σ ? Sigma &#931; греческая заглавная буква сигма U+03A3 ISOgrk3
Τ ? Tau &#932; греческая заглавная буква тау U+03A4
Υ ? Upsilon &#933; греческая заглавная буква ипсилон U+03A5 ISOgrk3
Φ ? Phi &#934; греческая заглавная буква фи U+03A6 ISOgrk3
Χ ? Chi &#935; греческая заглавная буква хи U+03A7
Ψ ? Psi &#936; греческая заглавная буква пси U+03A8 ISOgrk3
Ω ? Omega &#937; греческая заглавная буква омега U+03A9 ISOgrk3
α ? alpha &#945; греческая строчная буква альфа U+03B1 ISOgrk3
β ? beta &#946; греческая строчная буква бета
U+03B2 ISOgrk3
γ ? gamma &#947; греческая строчная буква гамма U+03B3 ISOgrk3
δ ? delta &#948; греческая строчная буква дельта U+03B4 ISOgrk3
ε ? epsilon &#949; греческая строчная буква эпсилон U+03B5 ISOgrk3
ζ ? zeta &#950; греческая строчная буква дзета U+03B6 ISOgrk3
η ? eta &#951; греческая строчная буква эта U+03B7 ISOgrk3
θ ? theta &#952; греческая строчная буква тета U+03B8 ISOgrk3
ι ? iota &#953; греческая строчная буква иота U+03B9 ISOgrk3
κ ? kappa &#954; греческая строчная буква каппа U+03BA ISOgrk3
λ ? lambda &#955; греческая строчная буква лямбда U+03BB ISOgrk3
μ ? mu &#956; греческая строчная буква мю U+03BC ISOgrk3
ν ? nu &#957; греческая строчная буква ню U+03BD ISOgrk3
ξ ? xi &#958; греческая строчная буква кси U+03BE ISOgrk3
ο ? omicron &#959; греческая строчная буква омикрон U+03BF NEW
π ? pi &#960; греческая строчная буква пи U+03C0 ISOgrk3
ρ ? rho &#961; греческая строчная буква ро U+03C1 ISOgrk3
ς ? sigmaf &#962; греческая строчная буква сигма (final) U+03C2 ISOgrk3
σ ? sigma &#963; греческая строчная буква сигма U+03C3 ISOgrk3
τ ? tau &#964; греческая строчная буква тау U+03C4 ISOgrk3
υ ? upsilon &#965; греческая строчная буква ипсилон U+03C5 ISOgrk3
φ ? phi &#966; греческая строчная буква фи U+03C6 ISOgrk3
χ ? chi &#967; греческая строчная буква хи U+03C7 ISOgrk3
ψ ? psi &#968; греческая строчная буква пси U+03C8 ISOgrk3
ω ? omega &#969; греческая строчная буква омега U+03C9 ISOgrk3
ϑ ? thetasym &#977; greek small letter theta symbol U+03D1 NEW
ϒ ? upsih &#978; greek upsilon with hook symbol U+03D2 NEW
ϖ ? piv &#982; greek pi symbol U+03D6 ISOgrk3

левая двойная угловая


  nbsp &#160; неразрывный пробел U+00A0 ISOnum
¡ ? iexcl &#161; перев,рнутый восклицательный знак U+00A1 ISOnum
¢ ? cent &#162; цент U+00A2 ISOnum
£ ? pound &#163; фунт стерлингов U+00A3 ISOnum
¤ ¤ curren &#164; денежная единица U+00A4 ISOnum
¥ ? yen &#165; иена или юань U+00A5 ISOnum
¦ ¦ brvbar &#166; разорванная вертикальная черта U+00A6 ISOnum
§ § sect &#167; параграф U+00A7 ISOnum
¨ ? uml &#168; diaeresis = spacing diaeresis U+00A8 ISOdia
© © copy &#169; знак copyright U+00A9 ISOnum
ª ? ordf &#170; feminine ordinal indicator U+00AA ISOnum
« « laquo &#171; левая двойная угловая скобка U+00AB ISOnum
¬ ¬ not &#172; знак отрицания U+00AC ISOnum
­ ­ shy &#173; место возможного переноса U+00AD ISOnum
® ® reg &#174; знак зарегистрированной торговой марки U+00AE ISOnum
¯ ? macr &#175; macron = spacing macron = overline = APL overbar U+00AF ISOdia
° ° deg &#176; градус U+00B0 ISOnum
± ± plusmn &#177; плюс-минус U+00B1 ISOnum
² ? sup2 &#178; верхний индекс 'два' ? 'квадрат' U+00B2 ISOnum
³ ? sup3 &#179; верхний индекс 'три' ? 'куб' U+00B3 ISOnum
´ ? acute &#180; acute accent = spacing acute U+00B4 ISOdia
µ µ micro &#181; микро U+00B5 ISOnum
para &#182; pilcrow sign = paragraph sign U+00B6 ISOnum
· · middot &#183; middle dot = Georgian comma = Greek middle dot U+00B7 ISOnum
¸ ? cedil &#184; cedilla = spacing cedilla U+00B8 ISOdia
¹ ? sup1 &#185; верхний индекс 'один' U+00B9 ISOnum
º ? ordm &#186; masculine ordinal indicator U+00BA ISOnum
» » raquo &#187; правая двойная угловая скобка

U+00BB ISOnum
¼ ? frac14 &#188; дробь ? одна четверть U+00BC ISOnum
½ ? frac12 &#189; дробь ? одна вторая U+00BD ISOnum
¾ ? frac34 &#190; дробь ? три четверти U+00BE ISOnum
¿ ? iquest &#191; перев,рнутый вопросительный знак U+00BF ISOnum
À A Agrave &#192; latin capital letter A with grave = latin capital letter A grave U+00C0 ISOlat1
Á A Aacute &#193; latin capital letter A with acute U+00C1 ISOlat1
 A Acirc &#194; latin capital letter A with circumflex U+00C2 ISOlat1
à A Atilde &#195; latin capital letter A with tilde U+00C3 ISOlat1
Ä A Auml &#196; latin capital letter A with diaeresis U+00C4 ISOlat1
Å A Aring &#197; latin capital letter A with ring above = latin capital letter A ring U+00C5 ISOlat1
Æ ? AElig &#198; latin capital letter AE = latin capital ligature AE U+00C6 ISOlat1
Ç C Ccedil &#199; latin capital letter C with cedilla U+00C7 ISOlat1
È E Egrave &#200; latin capital letter E with grave U+00C8 ISOlat1
É E Eacute &#201; latin capital letter E with acute U+00C9 ISOlat1
Ê E Ecirc &#202; latin capital letter E with circumflex U+00CA ISOlat1
Ë E Euml &#203; latin capital letter E with diaeresis U+00CB ISOlat1
Ì I Igrave &#204; latin capital letter I with grave U+00CC ISOlat1
Í I Iacute &#205; latin capital letter I with acute U+00CD ISOlat1
Î I Icirc &#206; latin capital letter I with circumflex U+00CE ISOlat1
Ï I Iuml &#207; latin capital letter I with diaeresis U+00CF ISOlat1
Ð ? ETH &#208; latin capital letter ETH U+00D0 ISOlat1
Ñ N Ntilde &#209; latin capital letter N with tilde U+00D1 ISOlat1
Ò O Ograve &#210; latin capital letter O with grave

U+00D2 ISOlat1
Ó O Oacute &#211; latin capital letter O with acute U+00D3 ISOlat1
Ô O Ocirc &#212; latin capital letter O with circumflex U+00D4 ISOlat1
Õ O Otilde &#213; latin capital letter O with tilde U+00D5 ISOlat1
Ö O Ouml &#214; latin capital letter O with diaeresis U+00D6 ISOlat1
× ? times &#215; знак умножения U+00D7 ISOnum
Ø O Oslash &#216; latin capital letter O with stroke = latin capital letter O slash U+00D8 ISOlat1
Ù U Ugrave &#217; latin capital letter U with grave U+00D9 ISOlat1
Ú U Uacute &#218; latin capital letter U with acute U+00DA ISOlat1
Û U Ucirc &#219; latin capital letter U with circumflex U+00DB ISOlat1
Ü U Uuml &#220; latin capital letter U with diaeresis U+00DC ISOlat1
Ý Y Yacute &#221; latin capital letter Y with acute U+00DD ISOlat1
Þ ? THORN &#222; latin capital letter THORN U+00DE ISOlat1
ß ? szlig &#223; latin small letter sharp s = ess-zed U+00DF ISOlat1
à a agrave &#224; latin small letter a with grave = latin small letter a grave U+00E0 ISOlat1
á a aacute &#225; latin small letter a with acute U+00E1 ISOlat1
â a acirc &#226; latin small letter a with circumflex U+00E2 ISOlat1
ã a atilde &#227; latin small letter a with tilde U+00E3 ISOlat1
ä a auml &#228; latin small letter a with diaeresis U+00E4 ISOlat1
å a aring &#229; latin small letter a with ring above = latin small letter a ring U+00E5 ISOlat1
æ ? aelig &#230; latin small letter ae = latin small ligature ae U+00E6 ISOlat1
ç c ccedil &#231; latin small letter c with cedilla U+00E7 ISOlat1
è e egrave &#232; latin small letter e with grave U+00E8 ISOlat1
é e eacute &#233; latin small letter e with acute U+00E9 ISOlat1
ê e ecirc &#234; latin small letter e with circumflex U+00EA ISOlat1
ë e euml &#235; latin small letter e with diaeresis U+00EB ISOlat1
ì i igrave &#236; latin small letter i with grave U+00EC ISOlat1
í i iacute &#237; latin small letter i with acute U+00ED ISOlat1
î i icirc &#238; latin small letter i with circumflex U+00EE ISOlat1
ï i iuml &#239; latin small letter i with diaeresis U+00EF ISOlat1
ð ? eth &#240; latin small letter eth U+00F0 ISOlat1
ñ n ntilde &#241; latin small letter n with tilde U+00F1 ISOlat1
ò o ograve &#242; latin small letter o with grave U+00F2 ISOlat1
ó o oacute &#243; latin small letter o with acute U+00F3 ISOlat1
ô o ocirc &#244; latin small letter o with circumflex U+00F4 ISOlat1
õ o otilde &#245; latin small letter o with tilde U+00F5 ISOlat1
ö o ouml &#246; latin small letter o with diaeresis U+00F6 ISOlat1
÷ ? divide &#247; знак деления U+00F7 ISOnum
ø o oslash &#248; latin small letter o with stroke, = latin small letter o slash U+00F8 ISOlat1
ù u ugrave &#249; latin small letter u with grave U+00F9 ISOlat1
ú u uacute &#250; latin small letter u with acute U+00FA ISOlat1
û u ucirc &#251; latin small letter u with circumflex U+00FB ISOlat1
ü u uuml &#252; latin small letter u with diaeresis U+00FC ISOlat1
ý y yacute &#253; latin small letter y with acute U+00FD ISOlat1
þ ? thorn &#254; latin small letter thorn U+00FE ISOlat1
ÿ y yuml &#255; latin small letter y with diaeresis U+00FF ISOlat1

Latin Extended-B

ƒ ? fnof &#402; latin small f with hook = знак функции = florin U+0192 ISOtech


Математические операторы



? forall &#8704; для всех U+2200 ISOtech
? part &#8706; частный дифференциал U+2202 ISOtech
? exist &#8707; существует U+2203 ISOtech
? empty &#8709; пустое множество; диаметр U+2205 ISOamso
? nabla &#8711; набла = backward difference U+2207 ISOtech
? isin &#8712; принадлежит U+2208 ISOtech
? notin &#8713; не принадлежит U+2209 ISOtech
? ni &#8715; содержит U+220B ISOtech
Возможно, следовало бы иметь более запоминающееся имя, чем 'ni'?
? prod &#8719; произведение последовательности ? знак произведения U+220F ISOamsb
prod ? не то же самое, что U+03A0 ? 'греческая заглавная буква пи', хотя и может иметь то же начертание
? sum &#8721; сумма последовательности U+2211 ISOamsb
sum ? не то же самое, что U+03A3 = 'греческая заглавная буква сигма', хотя и может иметь то же начертание
? minus &#8722; минус U+2212 ISOtech
? lowast &#8727; оператор 'зв,здочка' U+2217 ISOtech
v radic &#8730; квадратный корень U+221A ISOtech
? prop &#8733; пропорционально U+221D ISOtech
? infin &#8734; бесконечность U+221E ISOtech
? ang &#8736; угол U+2220 ISOamso
? and &#8743; логическое И ? wedge U+2227 ISOtech
? or &#8744; логическое ИЛИ ? vee U+2228 ISOtech
? cap &#8745; пересечение ? cap U+2229 ISOtech
? cup &#8746; объединение ? cup U+222A ISOtech
? int &#8747; интеграл U+222B ISOtech
? there4 &#8756; следовательно U+2234 ISOtech
? sim &#8764; знак тильда ? 'изменяется с' ? знак подобия U+223C ISOtech
знак тильда ? не то же самое, что тильда ? U+007E, хотя и может иметь то же начертание
? cong &#8773; approximately equal to U+2245 ISOtech
? asymp &#8776; почти равно ? асимптотически стремится U+2248 ISOamsr
? ne &#8800; не равно U+2260 ISOtech
? equiv &#8801; тождественно U+2261 ISOtech
? le &#8804; меньше либо равно U+2264 ISOtech
? ge &#8805; больше либо равно U+2265 ISOtech
? sub &#8834; является подмножеством U+2282 ISOtech
? sup &#8835; является надмножеством U+2283 ISOtech
Заметим, что символ nsup, 'не является подмножеством', U+2283, не входит в кодировку шрифта Symbol и не включ,н сюда. Возможно, и  следовало бы для симметрии? Этот символ содержится в  ISOamsn
? nsub &#8836; не является подмножеством U+2284 ISOamsn
? sube &#8838; является подмножеством либо равно U+2286 ISOtech
? supe &#8839; является надмножеством либо равно U+2287 ISOtech
? oplus &#8853; плюс в кружке ? direct sum U+2295 ISOamsb
? otimes &#8855; знак умножения в кружке ? vector product U+2297 ISOamsb
? perp &#8869; ортогонально, перпендикулярно U+22A5 ISOtech
? sdot &#8901; оператор 'точка' U+22C5 ISOamsb
Оператор 'точка' ? не то же самое, что U+00B7 ? средняя точка

Обозначения специальных символов вHTML 4



Вид по имени

Вид по коду

Имя

Код

Описание

Unicode

Подмножество ISO 8879



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


? ensp &#8194; en space U+2002 ISOpub
? emsp &#8195; em space U+2003 ISOpub
? thinsp &#8201; thin space U+2009 ISOpub
? zwnj &#8204; zero width non-joiner U+200C NEW RFC 2070
? zwj &#8205; zero width joiner U+200D NEW RFC 2070
? lrm &#8206; left-to-right mark U+200E NEW RFC 2070
? rlm &#8207; right-to-left mark U+200F NEW RFC 2070
ndash &#8211; en dash U+2013 ISOpub
mdash &#8212; em dash U+2014 ISOpub
lsquo &#8216; левая одиночная кавычка U+2018 ISOnum
rsquo &#8217; правая одиночная кавычка U+2019 ISOnum
sbquo &#8218; нижняя одиночная кавычка U+201A NEW
ldquo &#8220; левая двойная кавычка U+201C ISOnum
rdquo &#8221; правая двойная кавычка U+201D ISOnum
bdquo &#8222; нижняя двойная кавычка U+201E NEW
dagger &#8224; кинжал (крест) U+2020 ISOpub
Dagger &#8225; двойной кинжал (крест) U+2021 ISOpub
permil &#8240; промилле U+2030 ISOtech
lsaquo &#8249; левая угловая одиночная кавычка U+2039 ISO proposed
Знак lsaquo предложен, но ещ, не стандартизован ISO
rsaquo &#8250; правая угловая одиночная кавычка U+203A ISO proposed
Знак rsaquo предложен, но ещ, не стандартизован ISO
euro &#8364; валюта евро U+20AC NEW



Полезные линки


Если у Вас есть ссылки на сайты про Интернет-дизайн, HTML, CGI-скрипты,... одним словом, про все, что может быть полезно web-мастеру, пожалуйста, присылайте.

HTML:

www.echoecho.com ? хороший буржуйский сайт, обучающий созданию сайтов. Все разжевано и понятно.

www.artlebedev.ru/kovodstvo ? интересные дизайнерские мысли на сетевые и околосетевые темы.

CGI:

www.scriptsearch.com ? поисковая система по скриптам.

www.7thgate.com/tools/cgi/cgi.html ? коллекция CGI.

ГРАФИКА:

wintorez.chat.ru ? страничка с полным описанием горячих клавиш для программ: Photoshop, Illustrator и FreeHand. Очень полезная вещь. Рекомендую.

 
Designed by Vladimir Gorodulin , Copyright © 1999-2004

Частичная или полная перепечатка или иное использование материалов сайта допускается только с разрешения автора. Ссылка на источник обязательна. Нарушители преследуются по закону РФ и все такое.



Таблица MIME-типов


MIME Type Extension

animation/narrative nml application/activemessage application/andrew-inset application/applefile application/atomicmail application/dca-rft application/dec-dx application/dsptype tsp application/fastman lcc application/font-tdpfr pfr application/futuresplash spl application/mac-binhex40 hqx application/mac-compactpro cpt application/macwriteii application/mspowerpoint pot pps ppt ppz application/msword application/news-message-id application/news-transmission application/octet-stream bin class dms exe sea application/oda oda application/pdf pdf application/postscript ai eps ps application/remote-printing application/rtf rtf application/slate application/softvision svi application/wita application/wordperfect5.1 application/x-authorware-bin aab application/x-authorware-map aam application/x-authorware-seg aas application/x-bcpio bcpio application/x-bzip2 bz2 application/x-calquick cqk application/x-cdlink vcd application/x-cocoa cco application/x-compress Z application/x-cpio cpio application/x-csh csh application/x-director dcr dir dxr application/x-dvi dvi application/x-excel xls application/x-expandedbook ebk application/x-gtar gtar application/x-gzip gz application/x-hdf hdf application/x-httpd-cgi cgi application/x-javascript js ls mocha application/x-koan skd skm skp skt application/x-latex latex application/x-lzh lha lzh application/x-mapserver mps application/x-mascot mct application/x-mif mif application/x-netcdf cdf nc application/x-ns-proxy-auto-config pac application/x-pixelscooter mpp application/x-pointplus css application/x-sh sh application/x-shar shar application/x-shockwave-flash swf application/x-sprite spr sprite application/x-spt spt application/x-stuffit sit application/x-sv4cpio sv4cpio application/x-sv4crc sv4crc application/x-tar tar tgz application/x-tcl tcl application/x-tex tex application/x-texinfo texi texinfo application/x-troff roff t tr application/x-troff-man man application/x-troff-me me application/x-troff-ms ms application/x-ustar ustar application/x-wais-source src application/x-xdma xdm xdma application/zip zip audio/basic au snd audio/echospeech es audio/midi kar mid midi audio/mpeg mp2 mp3 mpga audio/tsplayer tsi audio/voxware vox audio/x-aiff aif aifc aiff audio/x-bamba aba audio/x-chacha cha audio/x-mio mio audio/x-pn-realaudio ra ram rm audio/x-pn-realaudio-plugin rpm audio/x-twinvq vqf vql audio/x-twinvq-plugin vqe audio/x-wav wav chemical/x-csml csm chemical/x-embl-dl-nucleotide emb chemical/x-gaussian-input gau chemical/x-mdl-molfile mol chemical/x-mopac-input mop chemical/x-pdb pdb chemical/x-xyz xyz i-world/i-vrml ivr image/fif fif image/gif gif image/ief ief image/jpeg jpe jpeg jpg image/png png image/tiff tif tiff image/vasa mcf image/x-cmu-raster ras image/x-freehand fh fh4 fh5 fh7 fhc image/x-jps jps image/x-portable-anymap pnm image/x-portable-bitmap pbm image/x-portable-graymap pgm image/x-portable-pixmap ppm image/x-rgb rgb image/x-xbitmap xbm image/x-xpixmap xpm image/x-xres swx image/x-xwindowdump xwd message/external-body message/news message/partial message/rfc822 multipart/alternative multipart/appledouble multipart/digest multipart/mixed multipart/parallel plugin/listenup ptlk plugin/wanimate waf wan text/html htm html text/plain txt text/richtext rtx text/tab-separated-values tsv text/x-setext etx text/x-sgml sgm sgml text/x-speech talk text/x-vcard vcf video/mpeg mpe mpeg mpg video/quicktime mov qt video/vnd.vivo viv vivo video/x-bamba vba video/x-msvideo avi video/x-sgi-movie movie video/x-tango tgo video/x-vif vif workbook/formulaone vts world/x-panoramix pan x-conference/x-cooltalk ice x-world/x-d96 d96 mus x-world/x-svr svr x-world/x-vrml vrml wrl x-world/x-vrt vrt

 
Designed by Vladimir Gorodulin , Copyright © 1999-2004

Частичная или полная перепечатка или иное использование материалов сайта допускается только с разрешения автора. Ссылка на источник обязательна. Нарушители преследуются по закону РФ и все такое.



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

 
Designed by Vladimir Gorodulin , Copyright © 1999-2004

Частичная или полная перепечатка или иное использование материалов сайта допускается только с разрешения автора. Ссылка на источник обязательна. Нарушители преследуются по закону РФ и все такое.

¦ spades &#9824; ч,рный знак масти 'пики' U+2660 ISOpub
'Ч,рный' здесь, похоже, означает заполненный, то есть неполый
¦ clubs &#9827; ч,рный знак масти 'трефы' ? shamrock U+2663 ISOpub
¦ hearts &#9829; ч,рный знак масти 'червы' ? valentine U+2665 ISOpub
¦ diams &#9830; ч,рный знак масти 'бубны' U+2666 ISOpub


Различные технические знаки

? lceil &#8968; left ceiling = apl upstile U+2308 ISOamsc
? rceil &#8969; right ceiling U+2309 ISOamsc
? lfloor &#8970; left floor = apl downstile U+230A ISOamsc
? rfloor &#8971; right floor U+230B ISOamsc
? lang &#9001; левая угловая скобка ? bra U+2329 ISOtech
lang ? это нето же, что U+003C ? 'меньше чем' или U+2039 ? 'одиночная левая угловая кавычка'
? rang &#9002; правая угловая скобка ? ket U+232A ISOtech
rang ? это не то же, что U+003E ? 'больше чем' или U+203A ? 'одиночная правая угловая кавычка'


Символы, производные отбукв

? weierp &#8472; рукописное заглавное латинское P ? power set ? P Вейерштрасса U+2118 ISOamso
? image &#8465; blackletter capital I = imaginary part U+2111 ISOamso
? real &#8476; blackletter capital R = real part symbol U+211C ISOamso
trade &#8482; знак торговой марки U+2122 ISOnum
? alefsym &#8501; символ алеф ? first transfinite cardinal U+2135 NEW
Символ алеф ? не то же самое, что буква алеф из иврита, U+05D0, хотя и имеет то же начертание


Spacing Modifier Letters

ˆ ? circ &#710; modifier letter circumflex accent U+02C6 ISOpub
˜ ? tilde &#732; small tilde U+02DC ISOdia


Стрелки

< larr &#8592; стрелка влево U+2190 ISOnum
^ uarr &#8593; стрелка вверх U+2191 ISOnum
> rarr &#8594; стрелка вправо U+2192 ISOnum
v darr &#8595; стрелка вниз U+2193 ISOnum
- harr &#8596; стрелка влево-вправо U+2194 ISOamsa
? crarr &#8629; стрелка вниз ивлево ? знак возврата каретки U+21B5 NEW
? lArr &#8656; двойная стрелка влево U+21D0 ISOtech
ISO 10646 не утверждает, что lArr ? то же самое, что и стрелка для обозначения отношения 'следует из', но также и не предлагает для этого никакого другого символа. Так что (?) символ lArr может быть использован для обозначения отношения 'следует из', что и рекомендует ISOtech
? uArr &#8657; двойная стрелка вверх U+21D1 ISOamsa
? rArr &#8658; двойная стрелка вправо U+21D2 ISOtech
ISO 10646 не утверждает, что это ? символ для обозначения отношения 'следовательно', но также и не предлагает для этого никакого другого символа. Так что (?) символ rArr может быть использован для обозначения отношения 'следовательно', что и рекомендует ISOtech
? dArr &#8659; двойная стрелка вниз U+21D3 ISOamsa
? hArr &#8660; двойная стрелка влево-вправо U+21D4 ISOamsa


Таблица базовых цветов


Это основные цвета, используемые в HTML. Именно эти цвета используются дизайнерами для создания страниц поисковых систем, а также в дизайне сайтов с огромной аудиторией, то есть используются там, где нужна максимальная совместимость. Все они прекрасно отображаются даже в 256-цветном режиме работы видеокарты. Несомненно, для оригинального цветового дизайна обычных сайтов их маловато.

Для получения любого другого оттенка применяются комбинации RGB-значений цвета, записанные в шестнадцатиричном формате. Приведенные ниже 216 цветов также считаются "безопасными" (browser-safe).

Для удобства я расположил "безопасные" цвета в три таблицы по 216 цветов, отсортированные по разным цветовым компонентам.

 Black  Navy
 Gray  Blue
 Silver  Aqua
 White  Green
 Red  Lime
 Fuchsia  Teal
 Maroon  Yellow
 Purple  Olive

Красный и Синий ? добавляем ЗеленыйКрасный и Зеленый ? добавляем СинийЗеленый и Синий ? добавляем Красный

000000 000033 000066 000099 0000cc 0000ff
330000 330033 330066 330099 3300cc 3300ff
660000 660033 660066 660099 6600cc 6600ff
990000 990033 990066 990099 9900cc 9900ff
cc0000 cc0033 cc0066 cc0099 cc00cc cc00ff
ff0000 ff0033 ff0066 ff0099 ff00cc ff00ff
003300 003333 003366 003399 0033cc 0033ff
333300 333333 333366 333399 3333cc 3333ff
663300 663333 663366 663399 6633cc 6633ff
993300 993333 993366 993399 9933cc 9933ff
cc3300 cc3333 cc3366 cc3399 cc33cc cc33ff
ff3300 ff3333 ff3366 ff3399 ff33cc ff33ff
006600 006633 006666 006699 0066cc 0066ff
336600 336633 336666 336699 3366cc 3366ff
666600 666633 666666 666699 6666cc 6666ff
996600 996633 996666 996699 9966cc 9966ff
cc6600 cc6633 cc6666 cc6699 cc66cc cc66ff
ff6600 ff6633 ff6666 ff6699 ff66cc ff66ff
009900 009933 009966 009999 0099cc 0099ff
339900 339933 339966 339999 3399cc 3399ff
669900 669933 669966 669999 6699cc 6699ff
999900 999933 999966 999999 9999cc 9999ff
cc9900 cc9933 cc9966 cc9999 cc99cc cc99ff
ff9900 ff9933 ff9966 ff9999 ff99cc ff99ff
00cc00 00cc33 00cc66 00cc99 00cccc 00ccff
33cc00 33cc33 33cc66 33cc99 33cccc 33ccff
66cc00 66cc33 66cc66 66cc99 66cccc 66ccff
99cc00 99cc33 99cc66 99cc99 99cccc 99ccff
cccc00 cccc33 cccc66 cccc99 cccccc ccccff
ffcc00 ffcc33 ffcc66 ffcc99 ffcccc ffccff
00ff00 00ff33 00ff66 00ff99 00ffcc 00ffff
33ff00 33ff33 33ff66 33ff99 33ffcc 33ffff
66ff00 66ff33 66ff66 66ff99 66ffcc 66ffff
99ff00 99ff33 99ff66 99ff99 99ffcc 99ffff
ccff00 ccff33 ccff66 ccff99 ccffcc ccffff
ffff00 ffff33 ffff66 ffff99 ffffcc ffffff
000000 003300 006600 009900 00cc00 00ff00
330000 333300 336600 339900 33cc00 33ff00
660000 663300 666600 669900 66cc00 66ff00
990000 993300 996600 999900 99cc00 99ff00
cc0000 cc3300 cc6600 cc9900 cccc00 ccff00
ff0000 ff3300 ff6600 ff9900 ffcc00 ffff00
000033 003333 006633 009933 00cc33 00ff33
330033 333333 336633 339933 33cc33 33ff33
660033 663333 666633 669933 66cc33 66ff33
990033 993333 996633 999933 99cc33 99ff33
cc0033 cc3333 cc6633 cc9933 cccc33 ccff33
ff0033 ff3333 ff6633 ff9933 ffcc33 ffff33
000066 003366 006666 009966 00cc66 00ff66
330066 333366 336666 339966 33cc66 33ff66
660066 663366 666666 669966 66cc66 66ff66
990066 993366 996666 999966 99cc66 99ff66
cc0066 cc3366 cc6666 cc9966 cccc66 ccff66
ff0066 ff3366 ff6666 ff9966 ffcc66 ffff66
000099 003399 006699 009999 00cc99 00ff99
330099 333399 336699 339999 33cc99 33ff99
660099 663399 666699 669999 66cc99 66ff99
990099 993399 996699 999999 99cc99 99ff99
cc0099 cc3399 cc6699 cc9999 cccc99 ccff99
ff0099 ff3399 ff6699 ff9999 ffcc99 ffff99
0000cc 0033cc 0066cc 0099cc 00cccc 00ffcc
3300cc 3333cc 3366cc 3399cc 33cccc 33ffcc
6600cc 6633cc 6666cc 6699cc 66cccc 66ffcc
9900cc 9933cc 9966cc 9999cc 99cccc 99ffcc
cc00cc cc33cc cc66cc cc99cc cccccc ccffcc
ff00cc ff33cc ff66cc ff99cc ffcccc ffffcc
0000ff 0033ff 0066ff 0099ff 00ccff 00ffff
3300ff 3333ff 3366ff 3399ff 33ccff 33ffff
6600ff 6633ff 6666ff 6699ff 66ccff 66ffff
9900ff 9933ff 9966ff 9999ff 99ccff 99ffff
cc00ff cc33ff cc66ff cc99ff ccccff ccffff
ff00ff ff33ff ff66ff ff99ff ffccff ffffff
000000 000033 000066 000099 0000cc 0000ff
003300 003333 003366 003399 0033cc 0033ff
006600 006633 006666 006699 0066cc 0066ff
009900 009933 009966 009999 0099cc 0099ff
00cc00 00cc33 00cc66 00cc99 00cccc 00ccff
00ff00 00ff33 00ff66 00ff99 00ffcc 00ffff
330000 330033 330066 330099 3300cc 3300ff
333300 333333 333366 333399 3333cc 3333ff
336600 336633 336666 336699 3366cc 3366ff
339900 339933 339966 339999 3399cc 3399ff
33cc00 33cc33 33cc66 33cc99 33cccc 33ccff
33ff00 33ff33 33ff66 33ff99 33ffcc 33ffff
660000 660033 660066 660099 6600cc 6600ff
663300 663333 663366 663399 6633cc 6633ff
666600 666633 666666 666699 6666cc 6666ff
669900 669933 669966 669999 6699cc 6699ff
66cc00 66cc33 66cc66 66cc99 66cccc 66ccff
66ff00 66ff33 66ff66 66ff99 66ffcc 66ffff
990000 990033 990066 990099 9900cc 9900ff
993300 993333 993366 993399 9933cc 9933ff
996600 996633 996666 996699 9966cc 9966ff
999900 999933 999966 999999 9999cc 9999ff
99cc00 99cc33 99cc66 99cc99 99cccc 99ccff
99ff00 99ff33 99ff66 99ff99 99ffcc 99ffff
cc0000 cc0033 cc0066 cc0099 cc00cc cc00ff
cc3300 cc3333 cc3366 cc3399 cc33cc cc33ff
cc6600 cc6633 cc6666 cc6699 cc66cc cc66ff
cc9900 cc9933 cc9966 cc9999 cc99cc cc99ff
cccc00 cccc33 cccc66 cccc99 cccccc ccccff
ccff00 ccff33 ccff66 ccff99 ccffcc ccffff
ff0000 ff0033 ff0066 ff0099 ff00cc ff00ff
ff3300 ff3333 ff3366 ff3399 ff33cc ff33ff
ff6600 ff6633 ff6666 ff6699 ff66cc ff66ff
ff9900 ff9933 ff9966 ff9999 ff99cc ff99ff
ffcc00 ffcc33 ffcc66 ffcc99 ffcccc ffccff
ffff00 ffff33 ffff66 ffff99 ffffcc ffffff



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

 
Designed by Vladimir Gorodulin , Copyright © 1999-2004

Частичная или полная перепечатка или иное использование материалов сайта допускается только с разрешения автора. Ссылка на источник обязательна. Нарушители преследуются по закону РФ и все такое.

bull &#8226; bullet ? маленький ч,рный кружок U+2022 ISOpub
bullet ? не то же самое, что оператор bullet, U+2219
hellip &#8230; многоточие ... U+2026 ISOpub
? prime &#8242; одиночный штрих ? минуты и футы U+2032 ISOtech
? Prime &#8243; двойной штрих ? секунды и дюймы U+2033 ISOtech
? oline &#8254; надч,ркивание U+203E NEW
? frasl &#8260; косая дробная черта U+2044 NEW


XTML-справочник - Definition Description

DD


(HTML 2.0) ? Definition Description

Cоздает определение термина внутри элемента DL.



DL


(HTML 2.0) ? Definition List

Открывает и закрывает список определений (терминов и их описаний). Определения задаются с помощью элементов DT и DD.


Атрибуты:

COMPACT ? включает режим "компактного" отображения списка. Удобно использовать, если список определений очень велик. Данный атрибут является флагом и не требует присвоения значения.

 
Designed by Vladimir Gorodulin , Copyright © 1999-2004

Частичная или полная перепечатка или иное использование материалов сайта допускается только с разрешения автора. Ссылка на источник обязательна. Нарушители преследуются по закону РФ и все такое.

  Пример:
     <DL COMPACT>

    <DT>Жапура<DD>Река в Колумбии и Бразилии

    <DT>Зайцы<DD>Семейство млекопитающих отряда зайцеобразных

    ...

</DL>



DT


(HTML 2.0) ? Definition Term

Создает термин в списке определений внутри элемента DL.

 
Designed by Vladimir Gorodulin , Copyright © 1999-2004

Частичная или полная перепечатка или иное использование материалов сайта допускается только с разрешения автора. Ссылка на источник обязательна. Нарушители преследуются по закону РФ и все такое.



LI


(HTML 2.0) ? List Item

Создает пункт в списке. Располагается внутри элементов OL или UL.


Атрибуты:

VALUE ? изменяет порядок нумерации элементов списка. Используется только если элемент LI находится внутри элемента OL. В качестве значения указывается порядковый номер элемента.

 
Designed by Vladimir Gorodulin , Copyright © 1999-2004

Частичная или полная перепечатка или иное использование материалов сайта допускается только с разрешения автора. Ссылка на источник обязательна. Нарушители преследуются по закону РФ и все такое.


Примечания:

  Пример:
     <OL TYPE="A" START="2">

    <LI> Пункт, озаглавленный буквой B. </LI>

    <LI VALUE="6"> Пункт, озаглавленный буквой F. </LI>

    <LI> Пункт, озаглавленный буквой G. </LI>

</OL>

Некоторые разработчики употребляют LI вне элементов OL и UL, объясняя это тем, что браузеры и так нормально справятся с отображением списка. Это неверно, коллеги, почитайте спецификацию!
Согласно официальной рекомендации консорциума W3C закрывающий тег </LI> писать не обязательно. По этому поводу скажу следующее: хоть HTML и не является языком программирования, у вас, как и у всякого хорошего программиста, должен быть свой стиль написания кода. Кто-то будет писать </LI>, кто-то не будет ? это не так уж и важно. Главное, чтобы вы однажды определились и не изменяли своему решению.



MENU, DIR


(HTML 2.0) ? Menu, Directory List

Данные теги предназначены для создания неупорядоченных списков, подобных UL. Эти элементы не вошли в спецификацию HTML 4.0, однако браузеры могут распознавать их в целях обратной совместимости. Авторам же рекомендуется использовать вместо MENU и DIR элемент UL.

 
Designed by Vladimir Gorodulin , Copyright © 1999-2004

Частичная или полная перепечатка или иное использование материалов сайта допускается только с разрешения автора. Ссылка на источник обязательна. Нарушители преследуются по закону РФ и все такое.



OL


(HTML 2.0) ? Ordered List

Создает упорядоченный список. Между начальным и конечным тегами должны присутствовать один или несколько элементов LI, обозначающих отдельные пункты списка.


Атрибуты:

START ? определяет первое число, с которого начинается нумерация пунктов. (только целые числа)

TYPE ? определяет стиль нумерации пунктов. Может иметь значения:

"A" ? заглавные буквы A, B, C ...

"a" ? строчные буквы a, b, c ...

"I" ? большие римские числа I, II, III ...

"i" ? маленькие римские числа i, ii, iii ...

"1" ? арабские числа 1, 2, 3 ...

По умолчанию <UL TYPE="1">.

 
Designed by Vladimir Gorodulin , Copyright © 1999-2004

Частичная или полная перепечатка или иное использование материалов сайта допускается только с разрешения автора. Ссылка на источник обязательна. Нарушители преследуются по закону РФ и все такое.

  Пример:
     <OL TYPE="I" START="2">

    <LI> Пункт два </LI>

    <LI> Пункт три </LI>

    <LI> Пункт четыре </LI>

</OL>



UL


(HTML 2.0) ? Unsorted List

Создает неупорядоченный список. Между начальным и конечным тегами должны присутствовать один или несколько элементов LI, обозначающих отдельные пункты списка.

 
Designed by Vladimir Gorodulin , Copyright © 1999-2004

Частичная или полная перепечатка или иное использование материалов сайта допускается только с разрешения автора. Ссылка на источник обязательна. Нарушители преследуются по закону РФ и все такое.

  Пример:
     <UL>

    <LI> Первый пункт списка </LI>

    <LI> Второй пункт списка </LI>

    <LI> Третий пункт списка </LI>

</UL>



XTML-справочник - AREA

AREA


(HTML 3.2) ? Map Area

Создает область карты, определенной с помощью элемента MAP. Элемент должен располагаться между начальным и конечным тегами элемента MAP. Не имеет конечного тега.


Атрибуты:

SHAPE ? определяет форму навигационной области. Возможные значения:

rect ? прямоугольник;

circle ? окружность;

poly ? многоугольник.

В зависимости от выбранной формы меняется способ задания ее координат в атрибуте COORDS.

COORDS ? определяет координаты навигационной области на карте. Используется в паре с атрибутом SHAPE. Способы задания координат для разных типов областей:

SHAPE="rect" COORDS="левый x, верхний y, правый x, нижний y";

SHAPE="circle" COORDS="центр x, центр y, радиус";

SHAPE="poly" COORDS="x1,y1,x2,y2,x3,y3,...";

HREF ? определяет область как гипертекстовую ссылку. Значение задается в виде ссылки (URL).

TARGET ? определяет окно (фрейм), на которое указывает гипертекстовая ссылка. Этот атрибут используется только совместно с атрибутом HREF. В качестве значения необходимо задать либо имя одного из существующих фреймов (см. элемент FRAME) либо одно из зарезевированных имен, подробно описанных в атрибуте TARGET элемента A.

NOHREF ? определяет область как неактивную (невосприимчивую к нажатию). Данный атрибут противоположен атрибуту HREF и используется для отмены действия последнего.

ALT ? определяет альтернативный текст-подсказку для данной области.

 
Designed by Vladimir Gorodulin , Copyright © 1999-2004

Частичная или полная перепечатка или иное использование материалов сайта допускается только с разрешения автора. Ссылка на источник обязательна. Нарушители преследуются по закону РФ и все такое.

<



Примечания:

  Пример:
     <!-- Создаем хитрую карту с круглой дыркой посередине -->

<MAP NAME="map1">

    <AREA NOHREF SHAPE="circle" COORDS="80,70,40">

    <AREA HREF="guide.html" ALT="Путеводитель" SHAPE="rect" COORDS="0,0,167,140">

</MAP>

...

<!-- Применяем ее к картинке -->

<IMG src="/img/logo.gif" WIDTH="167" HEIGHT="140" BORDER="0" ALT="Путеводитель" USEMAP="#map1">

MAP


(HTML 3.2) ? Map

Создает новую навигационную карту. Между начальным и конечным тегами содержит один или несколько элементов AREA, определяющих навигационные области карты.


Атрибуты:

NAME ? единственный и обязательный атрибут. Определяет имя навигационной карты, уникальное для данного документа. Используется для вызова карты с помощью атрибута USEMAP элемента IMG. Вы можете указать любое имя без пробелов с использованием латинских символов и цифр.

В последовательности из нескольких элементов AREA наибольший приоритет имеют те, которые были определены первыми. Они перекрывают области, определенные позже. Именно поэтому в приведенном выше примере сначала создается пассивная область (отверстие) и лишь потом ? активная со ссылкой.
Старайтесь всегда указывать атрибут ALT. Пользователи, работающие в текстовом режиме (а таких немало!), скажут вам спасибо.

  Пример:
     <!-- Создаем карту Map1 : -->

<MAP NAME="Map1">

    <!-- Задаем области -->

    <AREA HREF="...>

    <AREA HREF="...>

    ...

</MAP>

<!-- Карта готова. Применим её к картинке: -->

<IMG SRC="image.gif" USEMAP="#Map1" WIDTH=200 HEIGHT=100 ALT="Картинка">



XTML-справочник - APPLET

APPLET


(HTML 3.2) ? Applet

Имеет начальный и конечный теги. Используется для вставки в HTML-страницу Java-апплетов ? программ на языке Java, исполняемых браузером на вашем компьютере. Java-апплет исполняется в специально отведенном для него месте, отображаясь в документе наподобие картинки. Поэтому многие атрибуты элемента APPLET сходны с атрибутами элемента IMG.

Если ваш браузер не имеет встроенной виртуальной Java-машины (и, соответственно, не поддерживает элемента APPLET), то на месте окошка Java-апплета вы увидите текст, заключенный между начальным и конечным тегами.


Атрибуты:

CODE ? обязательный атрибут. Определяет имя файла исполняемого Java-апплета.

CODEBASE ? указывает базовый адрес (URL), по которому находится файл с кодом исполняемого Java-апплета. Если парамер CODEBASE опущен, используется URL текущего документа.

ALIGN ? обязательный атрибут. Указывает способ выравнивания Java-апплета. Может принимать те же значения, что и аналогичный атрибут элемента IMG.

HEIGHT и WIDTH ? обязательные атрибуты. Определяют ширину и высоту (в пикселах) окошка вывода программы.

HSPACE и VSPACE ? определяют отступ (в пикселах) по горизонтали и вертикали от других объектов документа.

NAME ? указывает имя Java-апплета, уникальное для данного документа. Позволяет Java-апплетам на данной странице находить себе подобных и взаимодействовать друг с другом.

ALT ? определяет текст, отображаемый на месте апплета браузером, если браузер понимает элемент APPLET, но не может выполнять Java-апплеты.

SRC ? указывает адрес (URL), ассоциированный с апплетом. Например, адрес сайта разработчика апплета.

 
Designed by Vladimir Gorodulin , Copyright © 1999-2004

Частичная или полная перепечатка или иное использование материалов сайта допускается только с разрешения автора. Ссылка на источник обязательна. Нарушители преследуются по закону РФ и все такое.

<


В результате слева отображается окошко (размером 30x40 точек) с прыгающей девочкой. Само собой, у вас должен быть файл JumpingGirl.class, который должен лежать в той же директории, что и текущий документ.

  Пример 1:
     <APPLET CODE="JumpingGirl.class" WIDTH="30" HEIGHT="40" ALIGN="left" ALT="Прыгающая девочка">

Если вы видите этот текст, значит ваш браузер не поддерживает Java.

</APPLET>

В данном примере справа отображается окошко (размером 300x500 точек) с игрой Тетрис. Браузер будет пытаться загрузить игру используя URL "http://www.igf.ru/javagames/СrazyTetris.class".

Примечание:

  Пример 2:
      <APPLET CODEBASE="http://www.igf.ru/javagames" CODE="CrazyTetris.class" WIDTH="300" HEIGHT="500" ALIGN="right" SRC="http://www.igf.ru" ALT="Игра Тетрис">

</APPLET>

EMBED


(В спецификациях W3C отсутствует) ? Embed

Используется для вставки в HTML различных объектов: не-html документов и media-файлов. Тип вставляемого объекта, будь то музыкальный wav/midi-файл или трехмерный мир VRML, должен быть зарегистрирован на машине пользователя как проигрываемый одним из имеющихся plug-in'ов или поддерживаемый каким-либо приложением. Если браузер поддерживает элемент EMBED, содержащиеся между начальным и конечным тегами текст и элементы будут игнорироваться.


Атрибуты:

Вставка объекта происходит так же, как и вставка изображения (см. элемент IMG) : под внедряемый объект необходимо сначала выделить место. Поэтому элемент EMBED имеет ряд одинаковых с элементом IMG атрибутов, а именно: NAME, ALIGN, ALT, BORDER, WIDTH, HEIGHT, HSPACE и VSPACE.


Другие атрибуты:

SRC ? обязательный атрибут. Определяет имя файла вставляемого объекта.

PLUGINSPACE ? указывает на адрес (URL), по которому можно найти plug-in, необ-ходимый для просмотра типа файлов, аналогичных указанному в атрибуте SRC.

PALETTE ? определяет тип цветовой палитры для просмотра объекта. Данный атрибут работает только на Windows-машинах с 256-цветной системной палитрой. Возможные значения:

background ? использовать background-палитру для отображения объекта (используется по умолчанию).

foreground ? использовать foreground-палитру для отображения объекта.

HIDDEN ? определяет, отображать указанный объект или нет. Возможные значения:

true ? не отображать объект.

false ? отображать объект (используется по умолчанию).

TYPE ? явно указывает браузеру к какому типу файлов относится загружаемый объект, помогая определить необходимое средство просмотра (plug-in). В качестве значения указывается зарегестрированный MIME-тип файла.

Для передачи Java-программе каких-либо параметров используется элемент PARAM.
<


  Пример 1:
     <EMBED SRC="music.mid" HIDDEN="true">

    <NOEMBED>Альтернативный текст для старых браузеров</NOEMBED>

</EMBED>

Примечания:

  Пример 2:
      <EMBED SRC="music.vrml" HEIGHT="300" WIDTH="200" HSPACE="10" ALIGN="center" PLUGINSPACE="../plugins/download_vrml.html">

    <NOEMBED>Альтернативный текст для старых браузеров</NOEMBED>

</EMBED>

IMG


(HTML 2.0) ? Image

Используется для вставки изображений в HTML-документ.

Это один из самых популярных элементов, незаменимый инструмент web-дизайнера. Элемент допускает вставку изображений в форматах JPEG (в том числе progressive jpeg) и Compuserve GIF (включая прозрачные и анимированные). Червертые версии браузеров позволяют также использовать формат PNG, но до тех пор, пока они не устареют, от применения PNG лучше воздержаться.

Элемент IMG не имеет конечного тега.


Атрибуты:

SRC ? обязательный атрибут. Указывает адрес (URL) файла с изображением.

HEIGHT и WIDTH ? определяют ширину и высоту изображения соответственно. Если указанные значения не совпадают с реальным размером изображения, изображение масштабируется (порой с заметной потерей качества).

HSPACE и VSPACE ? определяют отступ картинки (в пикселах) по горизонтали и вертикали от других объектов документа. Просто необходимо при обтекании изображения текстом.

ALIGN ? обязательный атрибут. Указывает способ выравнивания изображения в документе. Может принимать следующие значения:

left ? выравнивает изображение по левому краю документа. Прилегающий текст обтекает изображение справа.

right ? выравнивает изображение по правому краю документа. Прилегающий текст обтекает изображение слева.

top и texttop ? выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки.

middle ? выравнивает базовую линию текущей текстовой строки с центром изображения.

absmiddle ? выравнивает центр текущей текстовой строки с центром изображения.

bottom и baseline ? выравнивает нижнюю кромку изображения с базовой линией текущей текстовой строки.

absbottom ? выравнивает нижнюю кромку изображения с нижней кромкой текущей текстовой строки.

NAME ? определяет имя изображения, уникальное для данного документа. Вы можете указать любое имя без пробелов с использованием латинских символов и цифр.


Имя необходимо, если вы планируете осуществлять доступ к изображению, например, из JavaScript-сценариев.

ALT ? определяет текст, отображаемый браузером на месте изображения, если браузер не может найти файл с изображением или включен в текстовый режим. В качестве значения задается текст с описанием изображения.

BORDER ? определяет ширину рамки вокруг изображения в пикселах. Рамка возникает, только если изображение является гипертекстовой ссылкой. В таких случаях значение BORDER обычно указывают равным нулю.

LOWSRC ? указывает адрес (URL) файла с альтернативным изображением более низкого качества (и, соответственно, меньшего объема), чем изображение, указанное в атрибуте SRC. Браузеры Netscape, поддерживающие данный атрибут, сначала загрузят картинку из LOWSRC, a затем заменят ее картинкой из SRC.

USEMAP ? применяет к изображению навигационную карту (image map), заданную элементом MAP. В качестве значения задается имя карты с предшествующей ему решеткой. Например, если имя карты ? "map1", то ссылка на нее будет выглядеть как "#map1" (см. Пример 4). Обратите внимание: прописные и строчные буквы в данном атрибуте трактуются браузером как разные.

ISMAP ? определяет изображение как навигационную карту (image map), обрабатываемую сервером. Имеет смысл использовать только тогда, когда изображение является гиперссылкой. После клика мышкой на изображении серверу отправляются x,y-координаты нажатия. В зависимости от полученных координат, сервер (при наличии на нем соответствующего программного обеспечения) может показать вам тот или иной документ. Данный атрибут является флагом и не требует присвоения значения.

Для старых браузеров, не поддерживающих элемент EMBED, необходимо использовать элемент NOEMBED с указанием между начальным и конечным тегами альтернативного текста, как показано в примерах выше.
Обратите внимание ? в спецификациях консорциума W3C про EMBED ничего не сказано (!), скороее всего данный элемент появился по инициативе разработчиков Netscape 1.1 и с тех пор поддерживается всеми браузерами для совместимости (начиная с MSIE 3.0-beta-2 и выше).
Каким бы привлекательным элемент EMBED вам ни казался, но, поверьте, лучше его не использовать. Далеко не каждому может понравиться принудительное проигрывание MID-файла или попытка прокрутить ролик в неизвестном браузеру формате. Если вам все же не терпится украсить HTML чем-нибудь из ряда вон выходящим, не поленитесь, потратьте время на усиленное тестирование со всеми популярными видами браузеров.
<


  Пример 1:
     
<IMG src="/img/picture.gif" WIDTH="45" HEIGHT="53" ALT="Рысь" HSPACE="10" ALIGN="left"> Этот текст обтекает картинку справа и находится от нее на расстоянии 10 пикселов.

  Пример 2. Использование изображения в качестве гиперссылки:
      <A HREF="carlson.html">

<IMG src="/img/button.jpg" WIDTH="70" HEIGHT="30" ALIGN="right" BORDER="0" ALT="Досье Карлсона">

</A>

Для просмотра досье нажмите на кнопку справа.

  Пример 3. Использование ISMAP:
      <A HREF="http://www.igf.ru/bin/imagemaps/map1">

<IMG SRC="map.gif" ISMAP></A>');

Примечания (особо важно):

  Пример 4. Использование USEMAP:
      <IMG src="/img/buttons.jpg" WIDTH="170" HEIGHT="120" ALIGN="middle" BORDER="0" USEMAP="#ButtonsMap">');

NOEMBED


(HTML 3.2) ? No Embed

Определяет блок, который будет отображен, если браузер по какой-либо причине не работает с элементом EMBED.

Золотое правило web-мастера ? всегда явно задавать размеры картинки в атрибутах HEIGHT и WIDTH, резервируя тем самым место в окне браузера еще до загрузки изображения. В противном случае документ при загрузке каждой картинки будет заново перерисовываться. А на медленных машинах (или при подключении к сети через модем) это смотрится просто отвратительно.
Второе золотое правило web-мастера: если на картинке изображено что-то разборчивое, нужно описать это словами в атрибуте ALT.
Всегда сразу после <IMG ...> ставьте <BR>! А то проблем не миновать ? после картинки появится пустое пространство в несколько пикселей. Причём ставьте вплотную, без пробелов: <img ...><br>.
Для завершения обтекания изображения текстом используйте атрибут CLEAR элемента BR.
Значения top и texttop атрибута ALIGN не совсем идентичны, и их использование порой дает разный результат. Попробуйте поэкспериментировать.
Указывайте значения атрибутов HSPACE и VSPACE, даже если вы хотите оставить поля нулевой ширины. Бывает, что некоторые браузеры по умолчанию присваивают им какое-то небольшое значение, не равное нулю.
По возможности старайтесь не создавать навигационных карт, обрабатываемых на сервере. Иначе говоря, вместо атрибута ISMAP используйте атрибут USEMAP + локальные карты.

  Пример:
     <EMBED SRC="music.mid" HIDDEN="true">

    <NOEMBED> Ваш браузер морально устарел ;-D </NOEMBED>

</EMBED>



PARAM


(HTML 3.2) ? Parameter

Располагается в начале элемента APPLET. Используется для передачи Java-программе каких-либо параметров. Элемент задает пару "имя ? значение" переменной, которая будет передана Java-программе.

 
Designed by Vladimir Gorodulin , Copyright © 1999-2004

Частичная или полная перепечатка или иное использование материалов сайта допускается только с разрешения автора. Ссылка на источник обязательна. Нарушители преследуются по закону РФ и все такое.

  Пример:
     <APPLET CODEBASE="http://www.igf.ru/applets" CODE="JavaTetris.class" WIDTH="440" HEIGHT="475" ALIGN="center">

    <PARAM NAME="width" VALUE="10">

    <PARAM NAME="height" VALUE="20">

    <PARAM NAME="name" VALUE="Cool Tetris">

    ...

</APPLET>



XTML-справочник - NOSCRIPT

NOSCRIPT


(HTML 4.0) ? No Script

Определяет текст, который будет отображен, если браузер по какой-либо причине не работает со скриптами.

 
Designed by Vladimir Gorodulin , Copyright © 1999-2004

Частичная или полная перепечатка или иное использование материалов сайта допускается только с разрешения автора. Ссылка на источник обязательна. Нарушители преследуются по закону РФ и все такое.

  Пример:
     <SCRIPT LANGUAGE="JavaScript">

    <NOSCRIPT> Пора менять браузер... </NOSCRIPT>

    <!--

    window.location="http://www.igf.ru";

    -->

</SCRIPT>



SCRIPT


(HTML 3.2) ? Script

Вставляет скрипт в документ. Сам текст скрипта либо располагается между начальным и конечным тегами, либо определяется как URL файла, содержащего скрипт, в атрибуте SRC.


Атрибуты:

LANGUAGE ? определяет язык, на котором написан скрипт, например, JavaScript.

SRC ? определяет URL скрипта.

 
Designed by Vladimir Gorodulin , Copyright © 1999-2004

Частичная или полная перепечатка или иное использование материалов сайта допускается только с разрешения автора. Ссылка на источник обязательна. Нарушители преследуются по закону РФ и все такое.

В целях совместимости со старыми браузерами, содержимое элемента SCRIPT следует заключать между <!-- и -->, т.е. оформлять его как html-комментарий:

  Пример 1:
     <SCRIPT LANGUAGE="JavaScript" SRC="http://www.igf.ru/js/script.js">

</SCRIPT>


Где размещать скрипт:

Элемент SCRIPT можно располагать либо в заголовке (внутри элемента HEAD) либо в теле документа (внутри BODY).

  Пример 2:
     <SCRIPT LANGUAGE="JavaScript">

<!--

window.location="http://www.art-russia.com";

// -->

</SCRIPT>



XTML-справочник - CAPTION

CAPTION


(HTML 3.2) ? Caption

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


Атрибуты:

ALIGN ? определяет способ вертикального выравнивания заголовка таблицы. Возможные значения:

top ? помещает заголовок над таблицей (значение по умолчанию);

bottom ? помещает заголовок под таблицей.


 
Designed by Vladimir Gorodulin , Copyright © 1999-2004

Частичная или полная перепечатка или иное использование материалов сайта допускается только с разрешения автора. Ссылка на источник обязательна. Нарушители преследуются по закону РФ и все такое.

  Пример:
     <TABLE BORDER="1">

    <CAPTION ALIGN="bottom">Заголовок таблицы</CAPTION>

    <TR>

        <TD>Ячейка таблицы</TD>

    </TR>

</TABLE>



Примеры таблиц


 
Designed by Vladimir Gorodulin , Copyright © 1999-2004

Частичная или полная перепечатка или иное использование материалов сайта допускается только с разрешения автора. Ссылка на источник обязательна. Нарушители преследуются по закону РФ и все такое.


Результат:

  Пример 1:
     <TABLE BORDER>
  <TR>
    <TH ROWSPAN=2>HDD</TH>
    <TD>WD Caviar 3.1Gb</TD><TD ALIGN="right">85$</TD>
  </TR>
  <TR>
    <TD>Quantum FB ST 6.4Gb</TD><TD ALIGN="right">110$</TD>
  </TR>

</TABLE>

HDD

WD Caviar 3.1Gb85$
Quantum FB ST 6.4Gb110$


Результат:

  Пример 2:
     <TABLE BORDER>

    <TR>

        <TH COLSPAN=2>Video</TH>

    </TR>

    <TR>

        <TD>Matrox G400</TD><TD ALIGN="right">115$</TD>

    </TR>

    <TR>

        <TD>Voodoo III</TD><TD ALIGN="right">129.95$</TD>

    </TR>

</TABLE>

Video

Matrox G400115$
Voodoo III129.95$



TABLE


(HTML 3.2) ? Table

Элемент для создания таблицы. Обязательно должен иметь начальный и конечный теги. По умолчанию таблица печатается без рамки, а разметка осуществляется автоматически в зависимости от объема содержащейся в ней информации. Ячейки внутри таблицы создаются с помощью элементов TR, TD, TH и CAPTION.


Атрибуты:

ALIGN ? определяет способ горизонтального выравнивания таблицы. Возможные значения: left, center, right. Значение по умолчанию ? left.

VALIGN ? должен определять способ вертикального выравнивания таблицы. Возможные значения: top, bottom, middle.

BORDER ? определяет ширину внешней рамки таблицы (в пикселах). При BORDER="0" или при отсутствии этого атрибута рамка отображаться не будет.

CELLPADDING ? определяет расстояние (в пикселах) между рамкой каждой ячейки таблицы и содержащимся в ней материалом.

CELLSPACING ? определяет расстояние (в пикселах) между границами соседних ячеек.

WIDTH ? определяет ширину таблицы. Ширина задается либо в пикселах, либо в процентном отношении к ширине окна браузера. По умолчанию этот атрибут определяется автоматически в зависимости от объема содержащегося в таблице материала.

HEIGHT ? определяет высоту таблицы. Высота задается либо в пикселах, либо в процентном отношении к высоте окна браузера. По умолчанию этот атрибут определяется автоматически в зависимости от объема содержащегося в таблице материала.

BGCOLOR ? определяет цвет фона ячеек таблицы. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.

BACKGROUND ? позволяет заполнить фон таблицы рисунком. В качестве значения необходимо указать URL рисунка.

Примеры таблиц


Примечания:


Если атрибут HEIGHT указать равным 100%, то старые версии Internet Explorer будут создавать таблицу высотой чуть превышающей высоту окна браузера. Чтобы этого избежать, можно пожертвовать рамкой таблицы, указав BORDER="0".




 
Designed by Vladimir Gorodulin , Copyright © 1999-2004

Частичная или полная перепечатка или иное использование материалов сайта допускается только с разрешения автора. Ссылка на источник обязательна. Нарушители преследуются по закону РФ и все такое.

Старые версии Netscape работают некорректно, если ширина и высота таблицы равны 100%. В этом случае вокруг таблицы остается свободное пространство.
Атрибут VALIGN работает очень загадочно. Скорее, вообще не работает.
Атрибут ALIGN не работает в старых версиях браузера Internet Explorer. Чтобы осуществить желаемое выравнивание таблицы, нужно поместить ее между тегами элемента DIV:

  Пример:
      <DIV ALIGN="center">

    <TABLE WIDTH="70">

    ...

    </TABLE>

</DIV>