HTML-минимум

топ 100 блогов school_lj17.09.2012

Урок 1. Как сделать важные вещи при помощи LJ-тегов.

В Интернете уже есть миллион и одна статья, предлагающие погрузить вас в премудрости html-верстки более или менее досконально. Однако блогеры обычно используют достаточно ограниченное количество тэгов. Вот для них мой коллега 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




  • первая строка

  • вторая строка




  1. первая строка
  2. вторая строка

Картинки и ссылки



общий пример
результат
конкретный пример
Хостинг картинок!
Жан Рено с дробовиком!
Сообщество РИ!

    Простое фо...
    Сложное фо...
    Картинки и...
    Простая та...
    Прочее



Простая табличка





A1 B1 C1
A2 B2 C2


Прочее


Код Символ Значение
" " кавычки
& & амперсанд
< < знак 'меньше'
> > знак 'больше'
α α альфа
ω ω омега
  неразрывный пробел
# # октоторп


текст в рамочке
   



Окошко   

Принудительный перенос строки (как между строчками)   


Разделительная линия (см.ниже) <�НR>



Цитирование фраз

  • взято у HTML-минимумdarth_biomech в http://darth-biomech.livejournal.com/100975.html

    Вставить перед цитируемым текстом...


    ...и после него.


    Вот так это будет выглядеть:

    Цитата:
    Bla bla bla blah.



    Внимание новичкам! Все вышеперечисленное будет работать, только если вы постите в блог в html-редакторе, а не в визуальном. Смотрите картинку:
HTML-минимум html


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

Оставить комментарий

Предыдущие записи блогера :
Архив записей в блогах:
Оксана Фёдорова признанная красавица и чаще всего выглядит, как любят некоторые выражаться, на миллион долларов. Но почему-то - не в этот раз. На фотографии под катом Оксана на фото с мужем Андреем Бородиным, что большая редкость, я так вообще впервые увидела, как он выглядит. Давайте ...
Сенат во второй раз оправдал Трампа. Для признания виновным необходимо 67 голосов. В этот раз за "виновен" проголосовали все 50 демократов и 7 республиканцев. В прошлый раз, напомню, за "виновен" голосовали все демократы и один Ромни. Вот эти семеро республиканцев: Richard Burr ...
Аэрообвес, спойлеры и другие элементы устанавливают для разных целей, таких как: Уменьшение лобового сопротивления. Изменение подъёмной/прижимной силы. Как правило, за счёт увеличения лобового сопротивления. Выполнение функций (охлаждение тормозов, наддув, отвод мух и др.). Естественн ...
О летном происшествии, которое могло стоить жизни министру обороны СССР, в архивных документах упоминалось глухо и невнятно. Судя по отдельным фразам, произошло оно в конце весны или начале лета 1956 года, когда он летел на своем Ил-14. Расследование, как водится, взялось вести КГБ. Но ...
Сегодня покажу семейство 402-го "Москвича", из коллекции автомобильного музея УГМК. Москвич-402 выпускался на Московском заводе малолитражных автомобилей (МЗМА) с 1956 по 1958 год. 402-ой пришел на замену первого семейства (400/401), его оснастили современным понтонным кузовом. Впервые ...