2010-08-23

Принципы HTML

       Изменению подлежит текст, заключенный между тегами вида <X> и </X>. Теги вида <X> означают начало, а </X> - конец, завершение. Большинство тегов требуют завершения. Так, например, оформление ссылок:
<a href="АДРЕС СТРАНИЦЫ"> ВАШ ТЕКСТ</a>
       Но есть и такие теги, которые завершения не требуют. Это <hr>,<br>.
       Если мы хотим совершить еще какое-нибудь действие над названием ссылки, то теги "вкладываются" друг в друга. Таким образом, записав такой код:
<a href="АДРЕС СТРАНИЦЫ"><b> ВАШ ТЕКСТ</b></a>
мы получим ссылку, написанную полужирным шрифтом - ВАШ ТЕКСТ
       Иначе говоря, самые первые открытые теги завершаются самыми последними.
       Другой способ расширить количество действий над одним процессом, это сделать расширенную запись. Например, мы можем сделать так, чтобы ссылка открывалась в новом окне, а также поменять вид курсора. Тогда эта запись будет выглядеть так:
<a href="АДРЕС СТРАНИЦЫ" target="_blank" style="cursor: crosshair;">ВАШ ТЕКСТ</a>
а результат так: ВАШ ТЕКСТ
        Рассмотрим теперь пример, когда теги открываются и закрываются последовательно друг за другом, согласно завершению действий, на примере таблицы:
<table> означает начало таблицы (завершение будет по ее окончанию. Это пример, как теги вкладываются друг в друга)
.. <tr> - начало строки.
Строка содержит несколько ячеек (состоит из столбцов)
<td> - начало ячейки;
</td> - конец ячейки;
<td> вторая ячейка, или второй столбик в первой строке</td> - пример последовательно завершающихся тегов
</tr> - конец строки;
</table> - конец таблицы.
        Схематически это можно изобразить так:
 <table><tr>
<td>Содержимое ячейки 1 (столбца 1) строки 1</td>

<td>Содержимое ячейки 2 (столбца 2) строки 1</td></tr>
 <tr>
<td>Содержимое ячейки 3 (столбца 1) строки 2</td>

<td>Содержимое ячейки 4 (столбца 2) строки 2</td></tr></table>

        Здесь теги закрываются согласно завершению их действия.
        Ошибки:
1. Все теги должны иметь завершение (за исключением некоторых, таких как ;<br/>-перенос по строке, ;<hr/> - разделительная линия, ;<img src="адрес изображения"> - вставка картинки и др).
2. Лишние пробелы. Например, ;<a href=" ссылка"> - между кавычками и ссылкой не должно быть пробела.
3. Остальные ошибки могут быть связаны с невнимательностью, неправильным написанием кодов и др.
Если код не работает, значит нужно внимательно проверить его на наличие ошибок.
Читать далее ...

Как вставлять готовые коды


Чтобы вставить код в сообщение нужно:1. щелчок правой кнопкой мышки;2. открыть сообщение, записать мысть, приветстие или комментарий и....3. в режиме HTML вставить (снова щелчок по правой кнопке мыши)скопированный код.  
Читать далее ...

Разделительные линии HTML

<hr>


<hr align=center width=60%>


<hr size=5>, где size - толщина разделителя в пикселях:


<hr noshade size=5>, где noshade означает сплошную линию:


<hr width=100>, где width - ширина разделителя в пикселях:


..
<hr width="50%">, где width - ширина разделителя в %:


<hr width=100 align="left">, где align="left" показывает, что разделитель выровнен по левому краю:


<hr width=100 align="right">, где align="right" - разделитель выровнен по правому краю:


<hr width=100 align="center">, где align="center" - разделитель - по центру:


<hr width=100 align="justify">, где align="justify" - разделитель выровнен по ширине:


<hr color="#00B344"> - используя color, можно задать цвет линии:


<hr noshade align="center" width="3" size="50"> - если задать больший вертикальный размер линии (size) и минимальный горизонтальный (width),то получим вертикальную линию:



    Можно также использовать так называемые "разделители", чтобы отделить текст. Их вставляют как картинки. Например:

Для этого вставляем следующий код:
<img src="http://i29.beon.ru/43/76/97643/90/4403990/359.gif">
Читать далее ...

Способы выделения текста HTML

<samp>Ваш текст</samp> - небольшой;
<small>Ваш текст</small> - Маленький;
<font style="font-size:1pt;">Ваш текст</font> - Очень маленикий;
 <b><i>Ваш текст</i></b> - Полужирный курсив;
Ваш текст<sup>sup</sup> - Ваш текст sup (Верхний индекс);
Ваш текст<sub>sub</sub> - Ваш текстsub( нижний индекс);
<span style="color:blue">Синий текст текст</span></span> - Синий текст текст

Синий текст в красной рамке - <span style="border:2px solid red; padding:3px;"><span style="color:blue;">Синий текст в красной рамке</span></span>

Красный текст на синем фоне - <span style="background-color: blue; color: red; padding: 3px;">Красный текст на синем фоне</span>
.. Синий текст зачеркнутый красной чертой - <span style="color:red;text-decoration:line-through;"><span style="color:blue">Ваш текст </span></span> ;

Красный текст подчеркнутый синей линией - <span style="color:red;text-decoration:underline;">

<span style="color:blue">Ваш текст</span></span>

Белый текст на синем фоне в красной рамке - <span style="background-color:dodgerblue; color:white;
padding:3px; border:3px solid red;">Ваш текст</span>

Текст, подчеркнутый красным пунктиром - <span style="border-bottom: 2px dashed red;">Ваш текст</span> 

Текст, подчеркнутый красными точками - <span style="border-bottom: 3px dotted red;">Ваш текст</span>

Текст, подчеркнутый красной двойной чертой - <span style="border-bottom: double red;">Ваш текст</span> 
Читать далее ...

Списки HTML

Нумерованный список:
<ol> - начало списка;    <ol start=N> , где N - Указание, с какого элемента начинается список (N - либо целое число, записанное арабскими цифрами, либо число, записанное римскими цифрами, либо латинская буква).
</ol> - конец списка.
1.  список, пронумерованный арабскими цифрами:
<ol type=1>
<li>первый элемент</li>
<li>второй элемент</li>
           ..... 
<li>N - элемент</li>
</ol>
       Пример списка:     
           
  1. первый элемент
  2.        
  3. второй элемент
  4.        
  5. ......
  6.        
  7. N - элемент


2. Список, пронумерованный римскими цифрами:

<ol>
<li style="list-style-type:upper-roman">первый элемент</li>

<li style="list-style-type:upper-roman">второй элемент</li>
           ..... 
<li style="list-style-type:upper-roman">N - элемент</li>
</ol>
       Пример списка:

           
  1. первый элемент
  2.        
  3. второй элемент
  4.        
  5. ......
  6.        
  7. N - элемент

3. Список, пронумерованный римскими цифрами (строчными буквами латинского алфавита):

<ol>
<li style="list-style-type:upper-latin">первый элемент</li>

<li style="list-style-type:upper-latin">второй элемент</li>
           ..... 
<li style="list-style-type:upper-latin">N - элемент</li>
</ol>
       Пример списка:

           
  1. первый элемент
  2.        
  3. второй элемент
  4.        
  5. ......
  6.        
  7. N - элемент

4. Список, пронумерованный заглавными латинскими буквами:

<ol>
<li style="list-style-type:lower-roman">первый элемент</li>

<li style="list-style-type:lower-roman">второй элемент</li>
           ..... 
<li style="list-style-type:lower-roman">N - элемент</li>
</ol>
       Пример списка:

           
  1. первый элемент
  2.        
  3. второй элемент
  4.        
  5. ......
  6.        
  7. N - элемент

5.Список, пронумерованный строчными латинскими буквами:

<ol>
<li style="list-style-type:lower-latin">первый элемент</li>

<li style="list-style-type:lower-latin">второй элемент</li>
           ..... 
<li style="list-style-type:lower-latin">N - элемент</li>
</ol>
       Пример списка:

           
  1. первый элемент
  2.        
  3. второй элемент
  4.        
  5. ......
  6.        
  7. N - элемент

  Маркированный список:
<ul> - начало списка; </ul> - конец списка.
1. Вид маркера в списке - окружность:
<ul>
<li style="list-style-type:circle">первый элемент</li>
<li style="list-style-type:circle">второй элемент</li>
           ..... 
<li style="list-style-type:circle">N - элемент</li>
</ul>
       Пример списка:     
           
  • первый элемент
  •        
  • второй элемент
  •        
  • ......
  •        
  • N - элемент

2. Вид маркера в списке - круг:
<ul type=disc>
<li>первый элемент</li>
<li>второй элемент</li>
           ..... 
<li>N - элемент</li>
</ul>
       Пример списка:     
  • первый элемент
  •        
  • второй элемент
  •        
  • ......
  •        
  • N - элемент
       

.. 3. Вид маркера в списке - квадрат:
<ul>
<li style="list-style-type:square">первый элемент</li>
<li style="list-style-type:square">второй элемент</li>
           ..... 
<li style="list-style-type:square">N - элемент</li>
</ul>
       Пример списка:     
           
  • первый элемент
  •        
  • второй элемент
  •        
  • ......
  •        
  • N - элемент

4. Маркеры - картинки:
<dl>
<dd><img src=URL-картинки align=absmiddle> первый элемент</dd>
<dd><img src=URL-картинки align=absmiddle> второй элемент</dd>
<dd><img src=URL-картинки align=absmiddle> ......</dd>
<dd><img src=URL-картинки align=absmiddle> N - элемент</dd> </dl>
       Пример списка:     
       
11 элемент
       
22 элемент
       
..........
       
NN-элемент

Читать далее ...

Границы при помощи border

Атрибут border задает границы элемента (рамочки, блока). Он может принимать следующие значения:
  1. по ширине (border-width) - thin (тонкая), medium (средняя), thick (толстая).
  2. по типу (border-style)
    • none - запрет рисования границы;
    • dotted - граница точками;
    • dashed - граница штрихами;
    • solid - сплошной линией;
    • double - двойной линией;
    • groove - трехмерная вдавленная;
    • ridge - трехмерная выпуклая;
    • inset - трехмерная ступенька вверх;
    • outset - трехмерная ступенька вниз.
  3. border-color определяет цвет рамки. Может принимать значение transparent, что означает невидимую рамку.
  4. border-top, border-bottom, border-left, border-right - задают расположение границы.
.. Формула, которой необходимо воспользоваться для того, чтобы задать границу:
<# style="border-значения;border-width:значения:border-style:значения;border-color:значения"></#>,где вместо слов "значения" подставляем параметры, задающие расположение, ширину, стиль и цвет рамки. они могут располагаться в произвольном порядке.
Вместо "#" подставляем атрибуты table, blockquote, span, fieldset, img, div или др.
рамка штрихами с тегом div растягивается во всю ширину экрана

Код:

обвести текст можно при помощи тега Span

Код:

С помощью тега fieldset и задания трехмерной вдавленной рамки получаем следующий вид

Код:
Таким образом, можете и далее поэкспериментировать с различными рамочками.
И последнее: расскажу о том, как сделать рамочку с разноцветными сторонами. Пример:
ВАШ ТЕКСТ

Вот ее код:

<table style="border-style: solid; border-width: thick; border-top-color: blue;
border-right-color: red; border-bottom-color: green; border-left-color: Yellow;"><tr> <td>ВАШ ТЕКСТ</td> </tr>
</table>
, где
  • border-top-color верхняя граница

  • border-right-color правая граница

  • border-bottom-color нижняя граница

  • border-left-color левая граница
Читать далее ...

Бегущая строка HTML

       Код бегущей строки:
<marquee>текст бегущей строки</marquee>
текст бегущей строки
Чтобы изменить фон бегущей строки, необходимо поменять значение"bgcolor":
<marquee bgcolor="yellow">текст бегущей строки</marquee>
бегущая строка на желтом фоне
.. Чтобы заставить двигаться изображение, нужно поместить его код между тегами <marquee> и </marquee>:  <marquee><img src="АДРЕС КАРТИНКИ В СЕТИ"></marquee>
Получим:
Ой, лошадь идет не в ту сторону. Исправить это можно, добавив тег direction="right". Получим формулу:
<marquee direction="right"><img src="АДРЕС КАРТИНКИ В СЕТИ"></marquee>

Изменить скорость ее движения можно при помощи параметра scrollamount. Чем большее значение он принимает, тем скорость выше:
<marquee scrollamount="30">бегущий текст или код картинки</marquee>

Текст или картинку можно заставить двигаться вверх (up) или вниз (down) при помщщи параметра direction и указав высоте (height) движения:
<marquee height="150" direction="up">текст или картинка</marquee>
текст или картинка
Если у Вас нет желания разбираться с кодами, то можете сгенерировать их при помощи флешки:

P.S. Пост будет дополняться!
Читать далее ...

Шрифты HTML

Тег <font> определяет все атрибуты шрифта. С его помощью мы можем указать тип, размер, цвет и некоторые другие свойства.

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

Вот некоторые шрифты:


/*
Шрифт Arial

Шрифт Arial black
Шрифт Arial Narrow


Шрифт Book Antiqua
Шрифт Bookman Old Style

Шрифт Comic Sans MS
Шрифт Courier

Шрифт Courier new
Шрифт Century Gothic


Шрифт Garamond
Шрифт Georgia

Шрифт Impact
Шрифт Lucida Console

Шрифт Lucida Sans Unicode
Шрифт Microsoft Sans Serif


Шрифт Helvetica
Шрифт Verdana

Шрифт Times New Roman
Читать далее ...

Стили шрифтов hTML

   Изменение шрифта текста при помощи HTML мы рассматривали ранее. Теперь разберемся, какие есть стили шрифтов и как ими пользоваться.
<span style="font-family:Georgia; font-weight: lighter; font-style:oblique; font-variant:normal; color:red">Стиль шрифта</span>
где

  • color - цвет,

  • font-family - вид шрифта, можно определять несколько значений, в порядке предпочтения, разделяются запятой. Отображается первый шрифт. Если он не поддерживается, тогда используется следующий.

  • font-size - размер шрифта. Измеряется как в пикселях, так и в процентах.

  • font-weight - Насыщенность шрифта. Может определятся, как lighter, normal, bold, bolder или в диапазоне от 100 до 900, но не все числовые значения распознаются браузерами.

  • font-style - стиль шрифта. Виды: normal, italic, oblique.

  • font-variant - вариант шрифта: normal или small-caps;

  • ..
  • letter-spacing:3px - интервал между буквами в пикселях;

  • word-spacing:7px - интервал между словами;

  • line-height - высота интервала между строчками. Значение в пикселях.

  • text-align - выравнивание текста. Виды: center (центрирование), right (по правому краю), left (по левому краю), justify (по ширине).

  • text-decoration - дополнительное оформление текста. Значения: none, line-through, overline, underline, blink (мерцающий текст).

  • text-transform - прописные или строчные буквы. Значения: none, capitalize, lowercase, uppercase

  • vertical-align - выравнивание текста по вертикали. Значения: bottom, top, baseline, middle, sub, super, text-bottom, text-top

  • Читайте также Готовые стили шрифтов
Читать далее ...

Как изменить размер, цвет и шрифт текста в блоге

   
Таблица html кодов цветов, буквенное написание
Цвета HTML
Изменить размер и цвет текста можно двумя способами:
Как создать свой сайт вы узнаете на сайте realnodengi.ru, а для того, чтобы редактировать сайт, нужно знать базовые понятия html и css. В частности, как изменить цвет и размер текста.
1 способ при помощи тега font:

-уменьшаем текст <font size="-2"> уменьшенный текст на 2 единицы</font>

- увеличиваем текст <font size="+2"> увеличить текст на 2 единицы </font>

- изменяем цвет текста <font color="red"> красный текст </font> или

<font color="#FF0000"> красный текст </font>

изменить размер и цвет текста <font color="red" size="+3"> красный текст </font>

.. 2 способ при помощи тега span. Этот способ наиболее надежен, так как работает в большинстве слуаев и там, где тег font оказывается несостоятельным.
      Например,  Monotype Corsiva получается обычно очень мелкий текст, как получился у меня, если пользоваться стандартной формой HTML и не всегда применение параметра size приведет к изменениям размера этого шрифта, при использовании следующей формулы:
,

       Увеличить размер текста  можно, применив следующую форму HTML кода:
,
но используя этот код нужно использовать названия цветов в буквенном написании (color:fuchsia). Этим и полезна данная ссылка.
       Указать размер текста нужно здесь - font-size:25px.

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

/* P.S. Некоторых интересует вопрос какие цвета букв слова google. На этот вопрос очень легко ответить с помощью программы Colorpic.
Итак цвета букв слова google:


  1. буква G - #004BF5
  2. буква O - #F02A39
  3. буква O вторая - #F8AF10
  4. буква L - #00A513

Читать далее ...

2010-08-22

Некоторые дополнительные символы РЕЬД

   Иногда требуются дополнительные символы при создании записи. Это наиболее часто используемые дополнительные символы. Смотрите также редкие дополнительные символы. Вот некоторые из них:.. ИмяКодВидОписание &quot;&#34;"двойная кавычка &amp;&#38;&амперсанд &lt;&#60;<знак 'меньше' &gt;&#62;>знак 'больше' &nbsp;&#160;неразрывный пробел &iexcl;&#161;¡перевернутый восклицательный знак &cent;&#162;¢цент &pound;&#163;£фунт стерлингов &curren;&#164;¤денежная единица &yen;&#165;¥иена или юань &brvbar;&#166;¦разорванная вертикальная черта &sect;&#167;§параграф &uml;&#168;¨умляут &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;Ðлатинская заглавная D с черточкой &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;àлатинская строчная a с тупым ударением &aacute;&##225;áлатинская строчная a с острым ударением &acirc;&##226;âлатинская строчная a с диакритическим знаком &atilde;&#227;ãлатинская строчная a с тильдой &auml;&#228;äлатинская строчная a с двумя точками &aring;&#229;åлатинская строчная a с верхним кружком &aelig;&#230;æлатинская строчные буквы ae &ccedil;&#231;ç латинская строчная c с седилем &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;ƒзнак функции

Символы для букв

&circ;&#710;ˆдиакритический знак над гласной &tilde;&#732;˜тильда

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

&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; υстрочная ипсилон &phi;&#966; φстрочная фи &chi;&#967; χстрочная хи &psi;&#968; ψстрочная пси &omega;&#969; ωстрочная омега

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

&ndash;&#8211;–тире &mdash;&#8212;—длинное тире &lsquo;&#8216;‘левая одиночная кавычка &rsquo;&#8217;’правая одиночная кавычка &sbquo;&#8218;‚нижняя одиночная кавычка &ldquo;&#8220;“левая двойная кавычка &rdquo;&#8221;”правая двойная кавычка &bdquo;&#8222;„нижняя двойная кавычка

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

&dagger;&#8224†латинский крест &Dagger;&#8225‡двойной крест &bull;&#8226;•маленький черный кружок &hellip;&#8230;…многоточие ... &#8240;‰знак промилле (процент с дополнительным ноликом) &prime;&#8242; ′одиночный штрих - минуты &Prime;&#8243; ″двойной штрих - секунды &oline;&#8254; ‾надчеркивание &frasl;&#8260; ⁄косая дробная черта &euro;&#8364;€евро &#8470;№знак номера &trade;&#8482;™знак торговой марки &loz;&#9674◊ромб &#9675○круг

Стрелки

&larr;&#8592; ←стрелка влево &uarr;&#8593; ↑стрелка вверх &rarr;&#8594; →стрелка вправо &darr;&#8595; ↓стрелка вниз &harr;&#8596; ↔стрелка влево-вправо &#8597;↕стрелка вверх-вниз

Масти

&spades;&#9824; ♠знак масти 'пики' &clubs;&#9827; ♣знак масти 'трефы' &hearts;&#9829; ♥знак масти 'червы' &diams;&#9830; ♦знак масти 'бубны'
  У любого символа можно изменить цвет и размер, воспользовавшись следующей формулой:  <span style="color:blue;font-size:32px"> Коды символов</span>
Например, ←  →  → ↓
Читать далее ...