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


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

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

Предыдущие записи блогера :
Архив записей в блогах:
Кто-нибудь может вразумительно объяснить, что означает высказывание: Иисус Христос своею смертью на кресте искупил наши грехи?  Я в этом высказывании вижу языческую формулу поклонения идолу. Языческий бог = идол требует жертвы, как наказания за совершенное против него деяние, при ...
Один богатый человек по имени Иоаким жил в Вавилоне. У него имелся прекрасный дом, обширный сад, и была у него жена, которую звали Сусанна, женщина молодая, красивая, которая верила ...
Плотные косяки рыб прибыли к пляжам Акапулько примерно в то же время, что и ожидаемые у побережья Мексики цунами, порожденные землетрясением в Японии. Однако, пока точно неизвестно, связаны ли эти события между собой. Местные жители ...
Дорогие, у меня для вас сегодня нечто особенно волшебное — Melanzane Trapanese — невероятная баклажанная закуска провинции Трапани, сладко-пряно-пикантная и мульти-текстурная. Сицилианцы вообще тааак любят эти упругие фиолетовые ягоды, что готовят из них миллион разных блюд, одна ...
В Стиме купил игру Graveyard Keeper, когда-то давно закинул за приятную пиксельную графику, жанр стратегии-симулятора и необычный фэнтези сеттинг. Вчера перед сном попробовал играть. Мне сразу предложили СРЕЗАТЬ МЯСО со свежего трупа и использовать его для БУРГЕРА. - Показалось, - ...