Войти в систему

Home
    - Создать дневник
    - Написать в дневник
       - Подробный режим

LJ.Rossia.org
    - Новости сайта
    - Общие настройки
    - Sitemap
    - Оплата
    - ljr-fif

Редактировать...
    - Настройки
    - Список друзей
    - Дневник
    - Картинки
    - Пароль
    - Вид дневника

Сообщества

Настроить S2

Помощь
    - Забыли пароль?
    - FAQ
    - Тех. поддержка



Пишет ammo1 ([info]ammo1)
@ 2010-11-23 12:05:00


Previous Entry  Add to memories!  Tell a Friend!  Next Entry
HTML для ЖЖ
ЖЖ позволяет вставлять в посты и комментарии различные тэги - команды, заключенные в угловые скобки. Именно так, к примеру, вставляются картинки.



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

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

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

<lj user="ammo1"> - Ссылка на пользователя ЖЖ. Эта выглядит так: [info]ammo1@lj

<lj comm="ru_lifehack"> - Ссылка на ЖЖ-комьюнити. Выглядит так: [info]ru_lifehack@lj

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. Все комментарии к этой записи прошу оставлять разными цветами. :)


(Добавить комментарий)


(Анонимно)
2010-11-23 06:06 (ссылка)
Работает?

(Ответить) (Ветвь дискуссии)


[info]ammo1@lj
2010-11-23 06:14 (ссылка)
Ещё как!

(Ответить) (Уровень выше)


[info]aumakua@lj
2010-11-23 06:15 (ссылка)
img удобней делать как <img src="http://nadezhin.ru/ljpic/glory.jpg" />, без закрывающего тэга ;)

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

(Ответить) (Ветвь дискуссии)


[info]ammo1@lj
2010-11-23 06:57 (ссылка)
Спасибо, про / интересно. А что ж чёрненьким-то? ;)

(Ответить) (Уровень выше) (Ветвь дискуссии)


[info]aumakua@lj
2010-11-23 07:08 (ссылка)
Глюк какой-то. Уведомление в почтовике вполне себе цветное.
Видимо, ЖЖ не поддерживает штуки типа <span style="color:blue;"></span> - а я давно привык писать именно так )

(Ответить) (Уровень выше) (Ветвь дискуссии)


[info]ammo1@lj
2010-11-23 07:54 (ссылка)
Не, не поддерживает. И размеры шрифта с плюсом тоже не поддерживает.

(Ответить) (Уровень выше)


[info]ammo1@lj
2010-11-23 06:58 (ссылка)
Про зачёркивание забыл. Спасибо, добавил.

(Ответить) (Уровень выше)


[info]cn_mangetsu@lj
2010-11-23 07:00 (ссылка)
Ещё можно добавить «lj comm="community"»

(Ответить) (Ветвь дискуссии)


[info]ammo1@lj
2010-11-23 07:06 (ссылка)
Спасибо, добавил.

(Ответить) (Уровень выше) (Ветвь дискуссии)


[info]cn_mangetsu@lj
2010-11-23 08:58 (ссылка)
Кстати, а как вы умудрились теги вставить? «lj-raw»? А то он у меня глючит.
И да, ещё «i» «/i».

(Ответить) (Уровень выше) (Ветвь дискуссии)


[info]ammo1@lj
2010-11-23 09:08 (ссылка)
Вместо скобочек символические коды. Например, вместо < &lt;
Спасибо, наклон тоже забыл. Добавил.

(Ответить) (Уровень выше) (Ветвь дискуссии)


[info]cn_mangetsu@lj
2010-11-23 11:35 (ссылка)
Вот за скобочки спасибо. Их не хватает

(Ответить) (Уровень выше) (Ветвь дискуссии)


[info]cn_mangetsu@lj
2010-11-23 11:36 (ссылка)
Мда, циан слишком вырвиглазно смотрится.

(Ответить) (Уровень выше)


[info]isolder@lj
2010-11-23 09:39 (ссылка)
В ЖЖ не html, а его подмножество
<li> элемент списка

(Ответить) (Ветвь дискуссии)


[info]ammo1@lj
2010-11-23 09:59 (ссылка)
Мне кажется, это для ЖЖ уже лишнее.

(Ответить) (Уровень выше) (Ветвь дискуссии)


[info]isolder@lj
2010-11-23 10:39 (ссылка)
Ну, это чисто ЖЖ тэг, потому что обрамляющие из html опущены.
И я его использую.

(Ответить) (Уровень выше)


[info]new_otaku@lj
2010-11-24 08:54 (ссылка)
а как вы сделали, чтоб эти тэги не работали?

(Ответить) (Ветвь дискуссии)


[info]ammo1@lj
2010-11-24 10:32 (ссылка)
Очень просто. Вместо скобочек символические коды. Например, вместо < &lt;

(Ответить) (Уровень выше) (Ветвь дискуссии)


[info]ammo1@lj
2010-11-24 10:33 (ссылка)
И даже в этом комментарии код символического кода заменён на символический код, чтобы Вы его видели. :)

(Ответить) (Уровень выше)


[info]new_otaku@lj
2010-11-26 16:05 (ссылка)
Понятно, а я думал что-то сложное...

(Ответить) (Уровень выше)


[info]migdal_or@lj
2010-11-26 14:25 (ссылка)
<img> можно не закрывать

(Ответить) (Ветвь дискуссии)


[info]dsteve@lj
2011-04-25 05:30 (ссылка)
- А как вставить видео с Ютюба?

(Ответить) (Уровень выше) (Ветвь дискуссии)


[info]ammo1@lj
2011-04-25 05:35 (ссылка)
Скопировать тот код, который даёт Ютуб для вставки.

(Ответить) (Уровень выше)


[info]dsteve@lj
2011-04-25 05:31 (ссылка)
А как вставить видео с Ютюба?

(Ответить)


[info]sanyawiy@lj
2011-10-15 14:46 (ссылка)
пробую написать цветом

(Ответить) (Ветвь дискуссии)


[info]sanyawiy@lj
2011-10-15 14:47 (ссылка)
супер, спасибо!)))))

(Ответить) (Уровень выше)


[info]ammo1@lj
2011-10-15 14:50 (ссылка)
Получилось. :)

(Ответить) (Уровень выше) (Ветвь дискуссии)


[info]sanyawiy@lj
2011-10-15 14:51 (ссылка)
видел уже вас на фуршете, но не заинтересовался. зря))) очень интересный журнал

(Ответить) (Уровень выше) (Ветвь дискуссии)


[info]ammo1@lj
2011-10-15 14:54 (ссылка)
Я стараюсь участвовать, когда не забываю. :)

(Ответить) (Уровень выше)


[info]petric_anna@lj
2011-11-03 19:29 (ссылка)
тоже попробую :)

(Ответить)


[info]petric_anna@lj
2011-11-03 19:31 (ссылка)
а так? )

(Ответить)


[info]petric_anna@lj
2011-11-03 19:33 (ссылка)
спасибо!

(Ответить) (Ветвь дискуссии)


[info]ammo1@lj
2011-11-04 05:20 (ссылка)
Пожалуйста!

(Ответить) (Уровень выше)