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


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

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

Предыдущие записи блогера :
Архив записей в блогах:
По поводу развращающего влияния денег на человека, могу сказать, что я пришел к неутешительному выводу: губительным оказывается как и чрезмерное их количество, так и отсутствие. Особенно в юном возрасте. Например, мне, несмотря на мои скромные запросы, приходилось всегда носить с собой ...
Год был не простой, дарил надежду, отнимал её, в целом добавил разочарования в мире, но прибавил уверенности в собственных силах. Главное достижение - бросил курить. Оказалось намного проще и легче, чем думал. В следующем году хочется больших ...
Информационное агентство Reuters сообщило, что офицер пакистанских спецслужб предоставил фотографии, сделанные на вилле в Абботтабаде после уничтожения лидера международной террористической сети "Аль-Каида" Усамы бин Ладена. Снимки были ...
А также фантастику-фэнтези-мелодрамы-басни-комедии-кинотриллеры-рок-авторскую песню-сказки-натюрморты и прочие просто жанры. И всегда теряюсь, когда спрашивают: а ты любишь... (далее по списку). Люблю (если люблю) - авторов и их произведения. Жанр может быть любым! Другое дело, что ...
Би-Би-Си клевещет : "...Центр информации и общественных связей КГБ Белоруссии сообщил о предотвращении попытки совершения теракта и задержании преступника "в маске с надписью на арабском языке". Как следует из сообщения, в минувший четверг в ...