Рун Вульфссон (rhunwolf) wrote,
Рун Вульфссон
rhunwolf

HTML-минимум для блогера



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

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


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

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



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

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

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

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

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

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

большой шрифт   
равнение по центру   

текст справа

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


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

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




LJ-тэги



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

   сообщество rpg_123

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

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

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

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

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



общий пример
результат
конкретный пример

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





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


Сообщество РИ!



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



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





A1 B1 C1
A2 B2 C2


Прочее



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


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



Окошко   

Принудительный перенос строки (как между строчками)   <BR>

Разделительная линия (см.ниже) <НR>




Кнопка репоста


В ЖЖ введен новый тэг:

Вставкой в пост этого тега вы публикуете кнопку "Repost" (Перепостить)

  • Пока тэг доступен только в режиме HTML-редактора.

  • Одинарный тэг <lj-repost /> приведет к размещению всей записи.
    (Пробел перед "/" обязателен!).

  • Для репостинга фрагмента исходной записи используется парный тэг:

    Перепост этого фрагмента

  • Название кнопки меняется параметром "button":



  • Кнопка дублирует заголовок записи оригинала и ставит в запись себя же для последующего перепоста.

  • В режиме "Просмотр" работу кнопки не увидите, только после публикации.

    Цитирование фраз


    взято у darth_biomech в http://darth-biomech.livejournal.com/100975.html


    Вставить перед цитируемым текстом...


    ...и после него.


    Вот так это будет выглядеть:

    Цитата:
    Bla bla bla blah.


    UPD: Как сделать 2 колонки в своей записи?



    Пример:
    Откуда взялся Муми-тролль?

    По словам Софии Янссон, племянницы Туве, история появления Муми-тролля на свет такова. На острове, где семья Янссон проводила каждое лето, туалет находился не в доме, а на улице. Изнутри он был обит картоном. На этом картоне все члены семьи любили рисовать и писать, там шла очень бурная переписка, например, с братьями они размышляли о философских проблемах. Однажды брат написал там какую-то историю о Канте. Туве не могла придумать что-то ему в ответ и нарисовала какое-то существо. Тогда она сказала, что это было самое некрасивое существо, какое только она могла придумать. Это и был первый Муми-тролль.
       


    Внимание новичкам!


    Все вышеперечисленное будет работать, только если вы постите в блог в ХТМЛ редакторе, не в визуальном. Смотрите картинку:



    Полезные ссылки


    Таблица спецсимволов раз и два.
    HTML-справочник раз, два и три.
    Как сделать сайт?

    Сделать свой дизайн:
    http://lj.yoksel.ru/how_edit.php
    http://journals-covers.livejournal.com



    Пост обновляется.
  • Tags: жж, полезность
    Subscribe
    • Post a new comment

      Error

      default userpic

      Your reply will be screened

      Your IP address will be recorded 

      When you submit the form an invisible reCAPTCHA check will be performed.
      You must follow the Privacy Policy and Google Terms of use.
    • 81 comments
    Previous
    ← Ctrl ← Alt
    Next
    Ctrl → Alt →
    Previous
    ← Ctrl ← Alt
    Next
    Ctrl → Alt →