universal_inf (universal_inf) wrote,
universal_inf
universal_inf

HTML-минимум

Оригинал взят у lytdybr в 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. вторая строка

Таблица

A1 B1 C1
A2 B2 C2


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





общий пример


результат


конкретный пример
Хостинг картинок!




Жан Рено с дробовиком!
Сообщество РИ!

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


Прочее


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


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

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

html

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


Также рекомендую:

Коды html
8 полезных сайтов, о которых вы не знали
Поисковики 1
Поисковики 2. Интернет-поисковики России
Ростелеком запустил национальный поисковик "Спутник"
Тамбовский волк тебе amigo!

Tags: ЖЖ, техническое
Subscribe
promo universal_inf may 5, 2014 02:04 19
Buy for 50 tokens
Обзоры и посты космической тематики. Разместите свой анонс.
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

  • 10 comments