HTML-минимум
school_lj — 17.09.2012
Урок 1. Как сделать важные вещи при помощи LJ-тегов.
В Интернете уже есть миллион и одна статья, предлагающие
погрузить вас в премудрости html-верстки более или менее
досконально. Однако блогеры обычно используют достаточно
ограниченное количество тэгов. Вот для них мой коллега rhunwolf и сделал эту
маленькую шпаргалочку, дабы не лезть далеко и не просматривать
килобайты других полезных текстов — ну а я с удовольствием делюсь
ею с вами в рамках Школы ЖЖ и не сомневаюсь, что это будет еще один
полезный урок, достойный закладок и добавления в избранное.
Простое форматирование
Сложное форматирование
Картинки и ссылки
Простая табличка
Дополнительные тэги
Для удобства использования мы поместим сами тэги вот в такие окошечки.
Тройным левым щелчком мышки на любом слове в окошке можно выделить все содержимое.
Простое форматирование
полужирный текст
курсивный текст
подчёркнутый текст
маленький шрифт
большой шрифт
текст с отступом от края
заголовок третьего уровня
Для увеличения заголовка замените оба "h3" на "h2" или "h1".Сложное форматирование
| РАЗМЕР | ШРИФТ | ЦВЕТ |
| 6pt | Monotype Corsiva | Red |
| 9pt | Times New Roman | Green |
| 12pt | Comic Sans Ms | Blue |
| 15pt | Georgia | Purple |
| 18pt | Arial Black | Silver |
| 21pt | Verdana | Aqua |
| 24pt | Courier | Maroon |
|
|
Картинки и ссылки
|
|
|
|
|
|
||
![]() |
||
![]() |
||
Простое фо... Сложное фо... Картинки и... Простая та... Прочее |
Простая табличка
| A1 | B1 | C1 |
| A2 | B2 | C2 |
Прочее
| Код | Символ | Значение |
| " | " | кавычки |
| & | & | амперсанд |
| < | < | знак 'меньше' |
| > | > | знак 'больше' |
| α | α | альфа |
| ω | ω | омега |
| неразрывный пробел | ||
| # | # | октоторп |
Окошко
Принудительный перенос строки (как между строчками)
Разделительная линия (см.ниже) <�НR>
Цитирование фраз
- взято у
darth_biomech в
http://darth-biomech.livejournal.com/100975.html
Вставить перед цитируемым текстом...
...и после него.
Вот так это будет выглядеть:
Цитата:Bla bla bla blah.
Внимание новичкам! Все вышеперечисленное будет работать, только если вы постите в блог в html-редакторе, а не в визуальном. Смотрите картинку:

Ну что, полезно? Будете пользоваться? Тегами или визуальным редактором? :)


Проектор для дома: 7 критериев правильного выбора техники
Ах ты, сукин сын, комарицкий драгун!
А что на это скажут британские ученые?
Дела северные, ч.2.
Выставка "Нетемные века"
Освобождение городов Донбасса
Царь Николай Второй
В одном микрорайоне, 1976
Вологодская весна: Владимировка, Братково, Можайское

