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


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

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

Предыдущие записи блогера :
Архив записей в блогах:
Джеймс Бовард, автор десяти книг, в том числе «Хулиган государственной политики», «Демократия дефицита внимания», «Предательство Буша» и «Утраченные права: разрушение американской свободы». Он писал для New York Times, Wall Street Journal, Playboy, Washington Post, New Republic, Reader’s ...
Если есть в пятницу вечером трезвые зоологи, подскажите кого это моя коша замочила? ...
И оделась не так уж развратно, смотрите фото. Но почти всех пустили, а мне указали на дверь. Сейчас morena_morana и nemihail поедают клубнику в компании президента, а я сижу в номере и просто не могу сдержаться и не написать этот пост. Ну очень обидно! Всё с самог ...
Дорогие дамы! Поздравляю с праздником! Пусть в жизни вашей будет больше света, тепла и улыбок. Будьте счастливыми, это самое главное украшение! П.С. напоминаю, что сегодня не только праздник, но и пятница, а поэтому.. продолжаю поиски мужа ...
Знаете что, драгоценные любители гавкнуть завязшее у меня во всех зубах слово "чернильница" - я вам честно скажу, что арабские мужики, в отличие от европейских, хоть и благоухают парфюмами на три метра против ветра, и кожный покров у них, понимаш, не того колеру. Но они хотя бы не ходят в ...