Катя (lytdybr) wrote in school_lj,
Катя
lytdybr
school_lj

HTML-минимум

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

В Интернете уже есть миллион и одна статья, предлагающие погрузить вас в премудрости html-верстки более или менее досконально. Однако блогеры обычно используют достаточно ограниченное количество тэгов. Вот для них мой коллега rhunwolf и сделал эту маленькую шпаргалочку, дабы не лезть далеко и не просматривать килобайты других полезных текстов — ну а я с удовольствием делюсь ею с вами в рамках Школы ЖЖ и не сомневаюсь, что это будет еще один полезный урок, достойный закладок и добавления в избранное.

Вот своего рода оглавление, при помощи которого вам можно будет легко найти те или иные тэги:
  1. Простое форматирование
  2. Сложное форматирование
  3. Картинки и ссылки
  4. Дополнительные тэги

Для удобства использования мы поместим сами тэги в окошечки.
Тройным левым щелчком мышки на любом слове в окошке можно выделить все содержимое.


Простое форматирование

полужирный текст
курсивный текст
подчёркнутый текст
зачёркнутый текст
маленький шрифт
равнение по центру
текст справа
цитата

Заголовок третьего уровня

Для увеличения заголовка замените оба "h3" на "h2" или "h1".

Сложное форматирование

Текст

РАЗМЕРШРИФТЦВЕТ
10px
Monotype Corsiva
Red
12px
Times New Roman
Green
14px
Comic Sans Ms
Blue
16px
Georgia
Purple
18px
Arial Black
Silver
21px
Verdana
Aqua
24px
Courier
Maroon

Списки

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

Таблица

A1B1C1
A2B2C2


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



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

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


Прочее


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


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

Принудительный перенос строки (как между строчками)   <BR>
Разделительная линия (см.ниже) <НR>
Внимание новичкам! Все вышеперечисленное будет работать, только если вы постите в блог в html-редакторе, а не в визуальном. Смотрите картинку:
html

Ну что, полезно? Будете пользоваться? Тегами или визуальным редактором? :)
Tags: немного об html, новичку в помощь
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your IP address will be recorded 

  • 123 comments
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →