vadim_1963 (vadim_1963) wrote,
vadim_1963
vadim_1963

lj-tegs - тэги для ЖЖ, шпаргалка для самого себя

Так, создам-ка я себе шпаргалку, глядя на разные источники, но не указывая их :))) (у меня есть на то свои соображения) - а что, у кого-то есть авторские права на справочник по малому подмножеству всем известных тэгов html, плюс ещё некоторые специфические ЖЖ-шные тэги?
Кроме того, справочник существенно дополнен - внизу таблица спецсимволов и таблица тэгов (кодов) значков валют.
Кстати, если кто захочет скопировать себе этот пост, предупреждаю: просто так не получится. Нужно ещё все тэги продублировать, чтобы работало. А если захотите добавить выделение цветом, как у меня сделано, то придется потрудиться.
Эта страница - МОЯ :))) !!!!

(Тэги выделяю красным шрифтом).

Как вставить ссылку на веб-страницу: <a href="АДРЕС СТРАНИЦЫ">ВАШ ПОДЗАГОЛОВОК</a>

Элементарный ЖЖ-(lj)-кат (с “Read more”):
<lj-cut> СПРЯТАННЫЙ ТЕКСТ или МНОГО СТРОК текста </lj-cut>
ЖЖ-(lj)-кат с ВАШИМ ПОДЗАГОЛОВКОМ
<lj-cut text="ВАШ ПОДЗАГОЛОВОК"> СПРЯТАННЫЙ ТЕКСТ или МНОГО СТРОК текста </lj-cut>

Ну а дальше все «под катом», чтобы много места не занимать (ЖЖ-народ! Ну что за нехорошее слово «кат», по украински кат значит палач. Может, будем говорить на русском языке? Например, так: «Остальное скрыто здесь», или ещё как? Предлагайте свои варианты.)


ШПАРГАЛКА ЖЖ-тэгов


Как вставить ссылку на веб-страницу: <a href="АДРЕС СТРАНИЦЫ">ВАШ ПОДЗАГОЛОВОК</a>
Как в сообщение вставить коммюнити, чтобы это выглядело, например, так: aforism
<lj comm="aforism">
Как в сообщение вставить жж-пользователя чтобы это выглядело, например, так: vadim_1963 или lj_user
ЖЖ-тэг: <lj user="vadim_1963" /> или <lj user="LJ_User" />. В данном случае, пользователя LJ-User не существует, а пользователь vadim_1963 - это я.
Как вместо LJ-User написать ЖЖ-чел:
<a href="lj://user/LJ-User/">ЖЖ-чел</a> - ЖЖ-чел (обратите внимание, прописные буквы LJ-U автоматически заменились строчными lj-u).

Если надо всё же с "человечком". Внимание, ОБНОВЛЕНИЕ: в связи с тем, что теперь на ЖЖ всем дают собственный домен третьего уровня, и изменилась адресация, теперь, если надо всё же с "человечком" (вот так, например: Вадим), нужно делать так:
cкопировать следующий текст (потом заменить «vadim-1963» и «Вадим» на свое :)):
<a href="http://vadim-1963.livejournal.com/profile"><img height="17" border="0" src="http://www.livejournal.com/img/userinfo.gif" align="absmiddle" width="17"></a><b><a href="http://vadim-1963.livejournal.com/">Вадим</a></b>

НЕ ЗАБУДЬТЕ заменить адрес и имя пользователя В ТРЁХ МЕСТАХ, выделенных выше крупным зеленым жирным шрифтом!!!
Обратите внимание, что ссылка под картинкой «человечка» указывает на «Userinfo» пользователя, а ссылка под именем указывает на журнал пользователя.

(А здесь - то же самое, но со старой версией адресации на ЖЖ, сохранилась для тех пользователей, имя которых начинается со значка подчеркивания, вроде _lj-user:
_ЖЖ-чел:
cкопировать след. текст (потом заменить _lj-User и _ЖЖ-чел на свое:)):
<a href="http://www.livejournal.com/userinfo.bml?user=_lj-user"> <img height="17" border="0" src="http://www.livejournal.com/img/userinfo.gif" align="absmiddle" width="17"></a><b><a href="http://www.livejournal.com/users/_lj-user/">_ЖЖ-чел</a></b>

(Не забудьте заменить ссылку в двух местах и имя пользователя в одном месте!!!)

ШПАРГАЛКА HTML тэгов (не только для ЖЖ :)


Перечёркнутый текст <s>ТЕКСТ</s>
Подчёркнутый текст <u>ТЕКСТ</u>
Курсивный текст <i>ТЕКСТ</i>
Полужирный текст <b>ТЕКСТ</b>
Тэги можно комбинировать, например, полужирный курсив: <b><i>ТЕКСТ</i></b> . (Порядок тэгов не важен, но я обычно закрываю тэги начиная с последнего открытого, затем предпоследний...).
Крупный <big>ТЕКСТ</big>
Полужирный крупный <big><b>ТЕКСТ</b></big>
Полужирный крупный курсив <big><b><i>ТЕКСТ</i></b></big> Обратите внимание, здесь не всё равно, в каком порядке тэги. Сначала должен идти тег <big> , затем относящиеся к этому тэгу модификаторы <b><i> , затем сам текст. Закрываем тэги, чтобы не запутаться, в обратном порядке.
Маленький текст <small>текст</small>

ЖЖ-тэг: Не выполнять автоформатирование <lj-raw>для фрагмента текста</lj-raw>

Чтобы Вы могли изобразить значок &, наберите &amp; (ампересенд).
Изобразить левую < треугольную скобку: &lt; (это также знак «меньше«)
Изобразить правую > треугольную скобку: &gt; (это знак «больше«)

Неразрывный пробел &nbsp;
8 пробелов &nbsp; &nbsp; &nbsp; &nbsp; (после каждого неразрывного пробела вставляем обычный пробел, что экономит место).
8 неразрывных пробелов &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .
Выравнивание по ЦЕНТРУ:
<center>текст</center>

Выравнивание по ПРАВОМУ КРАЮ:
<div align=right>текст</div>

Выравнивание по обоим краям, то есть по ЛЕВОМУ И ПРАВОМУ КРАЮ:
<div align=justify>Текст, который нужно выровнять по обоим краям страницы. Текст, который нужно выровнять по обоим краям страницы. Текст, который нужно выровнять по обоим краям страницы. Текст, который нужно выровнять по обоим краям страницы. Текст, который нужно выровнять по обоим краям страницы. Текст, который нужно выровнять по обоим краям страницы. Текст, который нужно выровнять по обоим краям страницы. Текст, который нужно выровнять по обоим краям страницы. Текст, который нужно выровнять по обоим краям страницы. Текст, который нужно выровнять по обоим краям страницы. Текст, который нужно выровнять по обоим краям страницы. Текст, который нужно выровнять по обоим краям страницы. Текст, который нужно выровнять по обоим краям страницы. Текст, который нужно выровнять по обоим краям страницы. Текст, который нужно выровнять по обоим краям страницы. </div>

Отступ <blockquote>текст</blockquote>

(Внимание: Отступ можно применять много раз. Каждый раз добавляется отступ. Отступ действует на все строчки, пока не появится тег отмены отступа.)

    Если Вы хотите отформатировать текст, чтобы в начале каждого абзаца был отступ только в первой строчке, а затем был текст с выравниванием по обоим краям, советую сделать так. В начале всего Вашего текста указываете тэг <div align=justify>. Далее, в начале каждого абзаца добавлять 3 или 4 неразрывных пробела для создания отступа в начале строки. В конце текста не забыть добавить тэг </div>.
    Пример:
<div align=justify>
    &nbsp;&nbsp;&nbsp;&nbsp;Начало первого абзаца. Далее - текст, который нужно выровнять по обоим краям страницы. Текст, который нужно выровнять по обоим краям страницы.
    &nbsp;&nbsp;&nbsp;&nbsp;Начало второго абзаца. Далее - текст, который нужно выровнять по обоим краям страницы. Текст, который нужно выровнять по обоим краям страницы.
    &nbsp;&nbsp;&nbsp;&nbsp;Начало третьего абзаца. Далее - текст, который нужно выровнять по обоим краям страницы. Текст, который нужно выровнять по обоим краям страницы. Текст, который нужно выровнять по обоим краям страницы. Текст, который нужно выровнять по обоим краям страницы. Текст, который нужно выровнять по обоим краям страницы. Текст, который нужно выровнять по обоим краям страницы. Текст, который нужно выровнять по обоим краям страницы. </div>

Бегущая строка: <marquee>бегущая, как олень, строка</marquee> Результат работы: бегущая, как олень, строка

Ударение: &#769; - пишем Ударe&#769;ние - получится Ударéние . Внимание: тэг &#769; ставим после буквы. Но проверяйте, вид ударения может зависеть от типа браузеров и от используемого шрифта (font). Очень часто в ЖЖ получается, что ударение попадает на букву, которая стоит после тэга &#769;. Это баг, чтобы избавиться от него, рекомендую использовать шрифт Tahoma, вот так:
<FONT FACE="Tahoma">пишем Ударe&#769;ние - получится Ударéние</FONT>
Не забудьте посмотреть, как выглядит полученный Вами результат.

Сноска вверху <sup> сноска</sup>
ТЕКСТсноска
Сноска внизу <sub>сноска</sub>
ТЕКСТсноска
Жирная точка в начале строки
<li>Во-первых - выхожу один я на дорогу. Зипун - это старинная русская национальная одежда - куртка на молнии.</li> <li>Во-вторых - как вам нравится это во-первых?</li>
(Чтобы ЖЖ-сервер не добавил лишних переводов строки, всё написано в одну строчку.) Получим:

  • Во-первых - выхожу один я на дорогу. Зипун - это старинная русская национальная одежда - куртка на молнии.
  • Во-вторых - как вам нравится это во-первых?


  • Далее тэги цветом не выделяю. Может, потом доделаю выделение цветом.

    Уменьшить текст: <font size="-2">текст минус 2</font>
    Увеличить текст+1: <font size="+1">текст плюс 1</font>
    Увеличить текст+2: <font size="+2">текст плюс 2</font>
    Увеличить текст+3: <font size="+3">текст плюс 3</font>
    Увеличить текст+4: <font size="+4">текст плюс 4</font>
    КРАСНЫЙ: <font color="red">красный текст</font>
    ЖЕЛТЫЙ: <font color="yellow">желтый текст</font>
    ФИОЛЕТОВЫЙ: <font color="purple">фиолетовый текст</font>
    СВЕТЛО-ЗЕЛЕНЫЙ: <font color="lime">зеленый текст</font>
    КОРИЧНЕВЫЙ: <font color="maroon">коричневый текст</font>
    ГОЛУБОЙ: <font color="aqua">голубой текст</font>
    СИНИЙ: <font color="navy">синий текст</font>
    СЕРЫЙ: <font color="gray">серый текст</font>
    ОЛИВКОВЫЙ: <font color="olive">оливковый текст</font>
    БИРЮЗОВЫЙ: <font color="teal">бирюзовый текст</font>
    ФУКСИЯ: <font color="fuchsia">фуксия текст</font>

    Произвольный цвет букв:
    <FONT COLOR="#$$$$$$"> Разноцветные буквы

    Задание цвета, как для букв, так и для фона:

    Задание цвета


    Цвет задается в шестнадцатиричной системе счисления шестью цифрами (от 0 до F)

    первые две цифры - красный цвет

    следующие две цифры - зеленый цвет

    последние две цифры - синий цвет

    000000 - черный, FFFFFF - белый


    Цвет 000000 (Black)
              
              
    Цвет FF0000 (Red)
              
              
    Цвет 00FF00 (Lime)
              
              
    Цвет 0000FF (Blue)
              
              
    Цвет 008080 (Teal)
              
              
    Цвет C0C0C0 (Silver)
              
              
    Цвет 800000 (Maroon)
              
              
    Цвет 008000 (Green)
              
              
    Цвет 000080 (Navy)
              
              
    Цвет 800080 (Purple)
              
              
    Цвет 808080 (Gray)
              
              
    Цвет 00FFFF (Aqua)
              
              
    Цвет FF00FF (Fuchsia)
              
              
    Цвет FFFF00 (Yellow)
              
              
    Цвет 808000 (Olive)
              
              


    Спасибо магистру, за его справочные таблицы, вот часть из них:

    Специальные значки (для некоторых из них, правее, в качестве примера, показано действие значков, если значок расположен между двумя буквами "e" и "f"):
    ¡ Перевернутый восклицательный знак &iexl; либо &#161;
    ¿ Перевернутый вопросительный знак &iquest; либо &#191;
    ¢ Знак цента &cent; либо &#162;
    £ Знак фунта &pound; либо &#163;
    ¤ Знак валюты &curren; либо &#164;
    ¥ Знак иены &yen; либо &#165;
    ¦ Вертикальная черта с разрывом &brvbar; либо &brkbar; либо &#166;
    § Параграф &sect; либо &#167;
    ¨ Умляут / двойное ударение &uml; либо &die; либо &#168;
    © Авторское право &copy; либо &#169;
    ª Принадлежность к женскому роду &ordf; либо &#170;
    º Принадлежность к мужскому роду &ordm; либо &#186;
    « Левые угловые кавычки &laquo; либо &#171;
    » Правые угловые кавычки &raquo; либо &#187;
    ¬ Знак отрицания &not; либо &#172;
    ­ Мягкий перенос (т.е. при необходимости) &shy; &#173;
    ® Зарегистрированная торговая марка &reg; либо &#174;
    ¯ Надчеркивание &macr; либо &hibar; либо &#175;
    ° Градус &deg; либо &#176;
    ± Плюс-минус &plusmn; либо &#177;
    ¹ Надстрочная 1 &sup1; либо &#185;
    ² Вторая степень /надстрочная 2 &sup2; либо &#178;
    ³ Третья степень /надстрочная 3 &sup3; либо &#179;
    ´   e´f   Знак ударения &acute; либо &#180; (Примечание: это не очень удачное "ударе´ние", поэтому лучше использовать код &#769; : Ударe&#769;ние - получится Ударéние, если потребуется, то применить шрифт "Tahoma", вот так: <FONT FACE="Tahoma">Ударe&#769;ние</FONT> ).
    µ Знак "микро" &micro; либо &#181;
    ¶   e¶f   Знак "секция" &para; либо &#182;
    ·   e·f   Точка посредине &middot; либо &#183;
    ¸   e¸f   Седиль &cedil; либо &#184;
    º Принадлежность к мужскому роду &ordm; либо &#186;
    ¼ Одна четвертая &frac14; либо &#188;
    ½ Одна вторая &frac12; либо &#189;
    ¾ Три четвертых &frac34; либо &#190;
    × Знак умножения &times; либо &#215;
    ÷ Знак деления &divide; либо &#247;
    ʼ   eʼf   (модификация апострофа) &#700;
    ʽ   eʽf   &#701;
    ˇ   eˇf   Корона &#711;
    ˘   e˘f   Знак краткости &#728;
    ˙   e˙f   ? &#729;
    ˛   e˛f   ? &#731;
    ˝   e˝f   двойное ударение &#733;
    ΄   e΄f   &#900;
    ΅   e΅f   &#901;
    ·   e·f   знак смягчения (палатализации) &#903;
    ―   e―f   горизонтальная черта &#8213;
    ‾   e‾f   макрон (знак долготы гласного звука) &#8254;
    № знак "номер" &#8470;
    ѻ,(ѻ) Славянское обозначение тысячи &#1147; (если просто тэг-код не работает, то нужно сменить фонт: <FONT FACE="Lucida Sans Unicode">&#1147;</FONT>
    (Учтите, что отображение специальных символов может быть различным в разных браузерах. Например, символ &#1147; в «MS Internet Explorer-6» требует смены фонта. А, например, в «Mozilla/5.0/Netscape/8» этот символ хорошо отображается без смены фонта.)

    Обозначения валют
    ₠,() Евровалюта, ЭКЮ старое обозначение &#8352; (если просто тэг-код не работает, то нужно сменить фонт: <FONT FACE="Lucida Sans Unicode">&#8352;</FONT>
    ₡,() Колон &#8353; ( <FONT FACE="Lucida Sans Unicode">&#8353;</FONT> )
    ₢,() бразильское Крузейро &#8354; ( <FONT FACE="Lucida Sans Unicode">&#8354;</FONT> )
    ₣,() Французский франк &#8355; ( <FONT FACE="Lucida Sans Unicode">&#8355;</FONT> )
    ₤,() Лира &#8356;
    ₥,() Милль (одна десятая цента) &#8357;
    ₦,() нигерийская Наира &#8358;
    ₧,() испанская Песета &#8359;
    ₨,() Рупия &#8360;
    ₩,() корейский Вон &#8361;
    ₪,() израильский Новый шекель &#8362; ( <FONT FACE="Lucida Sans Unicode">&#8362;</FONT> )
    ₫,(),() вьетнамский Донг &#8363; ( <FONT FACE="Lucida Sans Unicode">&#8362;</FONT> ) ( <FONT FACE="Tahoma">&#8362;</FONT> ) - видите, здесь шрифт "Tahoma" лучше чем шрифт "Lucida Sans Unicode"
    €,() Евровалюта новое обозначение &#8364;


    Если тэг не работает, проверьте, убраны ли пробелы после < и перед >
    ПРОСТИТЕ, шпаргалка в работе, постепенно буду пополнять.
    Если ЖЖ народу нужно, могу в дополнить таблицей символов кириллицы в Юникоде, таблицей греческих символов, ну и ещё ряда языков.
    Tags: spravka lj tags and html tags
    Subscribe
    • Post a new comment

      Error

      default userpic

      Your reply will be screened

      Your IP address will be recorded 

      When you submit the form an invisible reCAPTCHA check will be performed.
      You must follow the Privacy Policy and Google Terms of use.
    • 64 comments
    Previous
    ← Ctrl ← Alt
    Next
    Ctrl → Alt →
    Previous
    ← Ctrl ← Alt
    Next
    Ctrl → Alt →