HTML для ЖЖ

ЖЖ позволяет вставлять в посты и комментарии различные тэги — команды, заключенные в угловые скобки. Именно так, к примеру, вставляются картинки.

Здесь я приведу наиболее часто употребимые тэги.

Тэги, которые используются только в ЖЖ.

<lj-cut text="Читать дальше"> — Весь текст до закрывающего тэга </lj-cut> убирается "под кат" и открывается только по желанию читателя. Текст вместо "Читать дальше" может быть любым.

<lj-spoiler text="Посмотреть скрытое"> — Текст до закрывающего тэга </lj-spoiler> скрывается и показывается только если нажать на ссылку. Выглядит это так:


Скрытый текст.

<lj user=»ammo1″> — Ссылка на пользователя ЖЖ. Эта выглядит так:

<lj comm=»ru_lifehack»> — Ссылка на ЖЖ-комьюнити. Выглядит так:

HTML-тэги.

<img src=http://nadezhin.ru/ljpic/glory.jpg></img> — вставка картинки. Указывается полный адрес картинки в интернете.

http://nadezhin.ru — вставка сылки. Как видите, ссылка подсветилась, хотя нет никаких тэгов. ЖЖ распознаёт любые корректные интернет-адреса, как ссылки.

<a href=http://nadezhin.ru>Текст ссылки</a> — правильная HTML ссылка. Показывается указанный текст, а ссылка ведёт по указанному адресу. Такую ссылку удобно использовать в тексте, ссылаясь на источник в интернете.

<a href=»http://nadezhin.ru» target=»_blank»>Текст ссылки</a> — Ссылка, открывающаяся в новом окне.

Оформление

<center> — Текст и картинки центрируются до отменяющего тэга </center>.
<p align=»right»> — Текст выравнивается по правому краю до отменяющего тэга </p>.
<font size=4> — Увеличение размера шрифта до отменяющего тэга </font>. Размер может быть от 1 до 7. Cтандартный размер шрифта — 2.
<b> — жирный шрифт до отменяющего тэга </b>.
<u> — подчёркивание до отменяющего тэга </u>.
<s> — зачёркивание до отменяющего тэга </s>.
<i> — наклонный шрифт до отменяющего тэга </i>.
<font color=»red»> — Красный шрифт до отменяющего тэга </font>. Допустимы цвета white, black, gray, red, green, blue, purple, brown, orange, violet.

Вставка спецсимволов

&nbsp — неразрывный пробел.
&#77; — вставка символа с указанным шестнадцатиричным кодом.

Тэгов HTML множество. Я привёл лишь те, которые могут быть полезны в ЖЖ.
Я не привожу тэги для построения таблиц. Гораздо удобнее нарисовать таблицу в Excel, сохранить её в HTML, обработать HTML-cleaner’ом (обязательно!), после чего вырезать строки со второй по предпоследнюю (от тэга <table> до тэга </table>) и вставить в пост или комментарий.
p.s. Осознаю, что многие мои читатели знают HTML, но надеюсь найдутся и те, кому это пригодится.
p.p.s. Я сам узнал, как вставлять символы по коду только в процессе написания этой заметки.

p.p.p.s. Все комментарии к этой записи прошу оставлять разными цветами. 🙂

44 просмотров всего, 6 просмотров сегодня

63 комментария

Перейти полю для комментария

  1. Работает?

  2. Работает?

  3. Работает?

  4. Ещё как!

  5. Ещё как!

  6. Ещё как!

  7. img удобней делать как <img src=»http://nadezhin.ru/ljpic/glory.jpg» />, без закрывающего тэга 😉

    А ещё зачёркивание<s> до отменяющего тэга </s>.

  8. img удобней делать как <img src=»http://nadezhin.ru/ljpic/glory.jpg» />, без закрывающего тэга 😉

    А ещё зачёркивание<s> до отменяющего тэга </s>.

  9. img удобней делать как <img src=»http://nadezhin.ru/ljpic/glory.jpg» />, без закрывающего тэга 😉

    А ещё зачёркивание<s> до отменяющего тэга </s>.

  10. Спасибо, про / интересно. А что ж чёрненьким-то? 😉

  11. Спасибо, про / интересно. А что ж чёрненьким-то? 😉

  12. Спасибо, про / интересно. А что ж чёрненьким-то? 😉

  13. Про зачёркивание забыл. Спасибо, добавил.

  14. Про зачёркивание забыл. Спасибо, добавил.

  15. Про зачёркивание забыл. Спасибо, добавил.

  16. Ещё можно добавить «lj comm=»community»»

  17. Ещё можно добавить «lj comm=»community»»

  18. Ещё можно добавить «lj comm=»community»»

  19. Спасибо, добавил.

  20. Спасибо, добавил.

  21. Спасибо, добавил.

  22. Глюк какой-то. Уведомление в почтовике вполне себе цветное.
    Видимо, ЖЖ не поддерживает штуки типа <span style=»color:blue;»></span> — а я давно привык писать именно так )

  23. Глюк какой-то. Уведомление в почтовике вполне себе цветное.
    Видимо, ЖЖ не поддерживает штуки типа <span style=»color:blue;»></span> — а я давно привык писать именно так )

  24. Глюк какой-то. Уведомление в почтовике вполне себе цветное.
    Видимо, ЖЖ не поддерживает штуки типа <span style=»color:blue;»></span> — а я давно привык писать именно так )

  25. Не, не поддерживает. И размеры шрифта с плюсом тоже не поддерживает.

  26. Не, не поддерживает. И размеры шрифта с плюсом тоже не поддерживает.

  27. Не, не поддерживает. И размеры шрифта с плюсом тоже не поддерживает.

  28. Кстати, а как вы умудрились теги вставить? «lj-raw»? А то он у меня глючит.
    И да, ещё «i» «/i».

  29. Кстати, а как вы умудрились теги вставить? «lj-raw»? А то он у меня глючит.
    И да, ещё «i» «/i».

  30. Кстати, а как вы умудрились теги вставить? «lj-raw»? А то он у меня глючит.
    И да, ещё «i» «/i».

  31. Вместо скобочек символические коды. Например, вместо < &lt; Спасибо, наклон тоже забыл. Добавил.

  32. Вместо скобочек символические коды. Например, вместо < &lt; Спасибо, наклон тоже забыл. Добавил.

  33. Вместо скобочек символические коды. Например, вместо < &lt; Спасибо, наклон тоже забыл. Добавил.

  34. В ЖЖ не html, а его подмножество
    <li> элемент списка

  35. В ЖЖ не html, а его подмножество
    <li> элемент списка

  36. В ЖЖ не html, а его подмножество
    <li> элемент списка

  37. Мне кажется, это для ЖЖ уже лишнее.

  38. Мне кажется, это для ЖЖ уже лишнее.

  39. Мне кажется, это для ЖЖ уже лишнее.

  40. Ну, это чисто ЖЖ тэг, потому что обрамляющие из html опущены.
    И я его использую.

  41. Ну, это чисто ЖЖ тэг, потому что обрамляющие из html опущены.
    И я его использую.

  42. Ну, это чисто ЖЖ тэг, потому что обрамляющие из html опущены.
    И я его использую.

  43. Вот за скобочки спасибо. Их не хватает

  44. Вот за скобочки спасибо. Их не хватает

  45. Вот за скобочки спасибо. Их не хватает

  46. Мда, циан слишком вырвиглазно смотрится.

  47. Мда, циан слишком вырвиглазно смотрится.

  48. Мда, циан слишком вырвиглазно смотрится.

  49. а как вы сделали, чтоб эти тэги не работали?

  50. а как вы сделали, чтоб эти тэги не работали?

  51. а как вы сделали, чтоб эти тэги не работали?

  52. Очень просто. Вместо скобочек символические коды. Например, вместо < &lt;

  53. Очень просто. Вместо скобочек символические коды. Например, вместо < &lt;

  54. Очень просто. Вместо скобочек символические коды. Например, вместо < &lt;

  55. И даже в этом комментарии код символического кода заменён на символический код, чтобы Вы его видели. 🙂

  56. И даже в этом комментарии код символического кода заменён на символический код, чтобы Вы его видели. 🙂

  57. И даже в этом комментарии код символического кода заменён на символический код, чтобы Вы его видели. 🙂

  58. <img> можно не закрывать

  59. <img> можно не закрывать

  60. <img> можно не закрывать

  61. Понятно, а я думал что-то сложное…

  62. Понятно, а я думал что-то сложное…

  63. Понятно, а я думал что-то сложное…