Слава (slavikap) wrote,
Слава
slavikap

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

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

  сообщество

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

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

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

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

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





общий пример



результат



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






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




















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









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








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





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





A1 B1 C1
A2 B2 C2


Прочее



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


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



Окошко   </textarea>

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


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




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


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

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


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

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

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

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

  • Название кнопки меняется параметром "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

  • Прядь волос для колдуна

    По мифологическим представлениям, именно волосы служат дорогой, по которой осуществляется связь души человека с запредельным миром. Когда…

  • Ну, как вам сладкая парочка? ;)

    Обчитался я сегодня в топе постов про эту свадебку и фоток насмотелся... Кстати, вот тут ниже одна, которую я как-то совсем не понял. Может…

  • Несколько странных свадебных традиций разных стран

    Где принято воровать жениха? Почему на свадьбе в Конго запрещено улыбаться? Сколько свидетелей может быть на торжестве в Бразилии? Эти и другие…

promo slavikap may 14, 2015 15:49 6
Buy for 50 tokens
Предлагаю разместить рекламу Вашего поста в этом промо-блоке, чтобы ее смогли увидеть 10 000 уникальных пользователей сети Интернет в течение суток. Сделаю репост за 50 жетонов. Без политики, эротики и т.д.
  • Post a new comment

    Error

    default userpic

    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.
  • 10 comments

  • Прядь волос для колдуна

    По мифологическим представлениям, именно волосы служат дорогой, по которой осуществляется связь души человека с запредельным миром. Когда…

  • Ну, как вам сладкая парочка? ;)

    Обчитался я сегодня в топе постов про эту свадебку и фоток насмотелся... Кстати, вот тут ниже одна, которую я как-то совсем не понял. Может…

  • Несколько странных свадебных традиций разных стран

    Где принято воровать жениха? Почему на свадьбе в Конго запрещено улыбаться? Сколько свидетелей может быть на торжестве в Бразилии? Эти и другие…