HTML-минимум

топ 100 блогов school_lj — 17.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


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

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

Предыдущие записи блогера :
Архив записей в блогах:
*-просроченный продукт эпохи. Говорит и показывает Гадюкино. Вчера ночью в Могадишо неожиданно произошëл обмен преступниками с Блиновской за кордон. Самого Зеленского этапируют срочно в Москву, где он должен ещë отсидеть пять блиновских лет, а уж потом и суд с киевским тортом, шутка, ...
...
Голос подарил нам встречу с Александром Боном - и это не стоит никаких денег(с)! Остальное - сопутствующее) Когда более приятное и интересное, когда менее) Мавр сделал свое дело - Мавр может уйти(с)? Не хочет - барахтается) В поле зрения Сэнсей (прежде всего!) в компании нового ...
Спасибо Александру Дмитриевичу Собянину за ссылку. Мой юный читатель! Конечно же, ты ходишь в секцию ракетомоделирования, и тебе интересно, почему же русские инженеры ржут аки кони с этого канадского поца Илона Маска – в инженерном смысле, а не в смысле ловкого жулика, по плечо ...
Ровно 11 лет назад в эти дни в Минске проходила крупная акция протеста, направленная против фальсификации результатов выборов и очередной "элегантной победы" Лукашенко. Акция протеста продолжалась несколько дней, в течение 19-25 марта и была жестко разогнана милицией, после чего вошла ...