В СТО ТЫСЯЧ ПЕРВЫЙ РАЗ:"HTML-минимум для блогера"

Jan 10, 2030 23:04

Оригинал взят у era111 в В СТО ТЫСЯЧ ПЕРВЫЙ РАЗ:"HTML-минимум для блогера"
Оригинал взят у rhunwolf в HTML-минимум для блогера


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

Простое форматирование
    Сложное форматирование
    LJ-тэги
    Картинки и ссылки
    Простая табличка
    Дополнительные тэги

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

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

полужирный текст текст

курсивный текст текст

подчёркнутый текст текст

зачёркнутый текст текст

текст "печатной машинкой" текст

маленький шрифт текст

большой шрифт текст

равнение по центру
текст или картинка


текст справа
текст

текст с отступом от края
текст


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

текст

Для увеличения заголовка замените оба "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. вторая строка

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


LJ-тэги

пользователь vincent_ft

сообщество

текст под катом скрыть часть поста для экономии места во френдленте

текст под катом скрыть часть текста и озаглавить его

поставить кнопочку перепоста

добавить кнопочку "Нравится"

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

общий пример

результат

конкретный пример

ТЕКСТ ССЫЛКИ

Хостинг картинок!

http://photobucket.com" target="_blank"> Хостинг картинок!



http://community.livejournal.com/game_mafia/profile" target="_blank">


ОПИСАНИЕ КАРТИНКИ



Жан Рено с дробовиком!

ОПИСАНИЕ КАРТИНКИ




http://community.livejournal.com/rpg_123/profile"> Сообщество РИ!

ТЕКСТ ССЫЛКИ
ТЕКСТ ССЫЛКИ

на этой странице
где-то выделен текст

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

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

Простая табличка








A1 B1 C1
A2 B2 C2


A1
B1
C1

A2
B2
C2

Прочее

Код
Символ
Значение

"
"
кавычки

&
&
амперсанд

<
<
знак 'меньше'

>
>
знак 'больше'

α
α
альфа

ω
ω
омега

неразрывный пробел

#
#
октоторп

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

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


Окошко