Шпаргалочка по тегам



Все теги можно ставить в блог copy-paste’ом

Погнали:


HTML-ТЕГИ, РАБОТАЮЩИЕ НА ЛЮБОЙ ИНТЕРНЕТ-СТРАНИЧКЕ:

Оформление текста
(рекомендую спец. страничку TEXT):

Перечёркнутый текст: ТЕКСТ

Подчёркнутый текст: ТЕКСТ

Полужирный текст: ТЕКСТ

Полужирный крупный: ТЕКСТ

Курсивный текст: ТЕКСТ

Маленький текст: текст

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

Расстояние в 8 пробелов (между словами, картинками и т.д.):

Центрирование:

текст (картинка) по центру


Выравнивание текста по правому краю поста:

Равномерное выравнивание текста по всей ширине поста:

Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 8 пробелов):

Бегущая строка (рекомендую спец. страничку Бегущая строка):
бегущая, как олень, строка

Вместо текста с таким же успехом можно вставить картинку:
13,40 КБ
Код этой картинки:

Атрибут direction=right задает направление - слева направо, по умолчанию - справа налево

Сноска вверху: ТЕКСТсноска

Сноска внизу: ТЕКСТсноска

Списки (жирная точка в начале строки):

  • Во-первых - все козлы, один я иван-царевич!
  • Во-вторых - как вам нравится это во-первых?


Линия:


ее код:
Ударение:
Cтавим после нужной буквы:

“Закрепитель” (фиксирует текст так, как и расположите его в поле поста):

Я
  Пешу
       Лесинкой!!!

РАЗМЕР ШРИФТА:
Уменьшить текст: текст - 2

Увеличить текст на 1 пункт: текст + 1

Увеличить текст на 2 пункта: текст + 2

Увеличить текст на 3 пункта: текст + 3

Увеличить текст на 4 пункта: текст

ЦВЕТ ШРИФТА:

КРАСНЫЙ: красный текст

ЖЕЛТЫЙ: желтый текст

ФИОЛЕТОВЫЙ: фиолетовый текст

ЗЕЛЕНЫЙ: зеленый текст

СИНИЙ: синий текст

ФУКСИЯ: фуксия текст

Таблица “базовых” цветов (можно ставить как “Имя” так и “Код”):


ИмяКодИмяКодИмяКодИмяКод
aqua#00FFFF green#008000 navy#000080 silver#C0C0C0
black#000000 grey#808080 olive#808000 teal#008080
blue#0000FF lime#00FF00 purple#800080 white#FFFFFF
fuchsia#FF00FF maroon#800000red#FF0000 yellow#FFFF00

ВИД ШРИФТА:
Шрифт этого текста “Monotype Corsiva”

Все вышеперечисленные атрибуты тега font можно объединять в одном теге:
Шрифт этого текста “Monotype Corsiva”
код этого текста:

Оформление ссылок (рекомендую спец. страницу Ссылки):

Как вставить ссылку на веб-страницу:

Как сделать, чтобы картинка была ссылкой на веб-страницу:

Как вставить ссылку на веб-страницу, чтоб она открылась в новом окне:

Специальные теги блогсервиса ЖЖ:

Элементарный жж-кат (с “Read more”):

жж-кат с ВАШИМ ПОДЗАГОЛОВКОМ:

ВНИМАНИЕ: Работу ката не видно в режиме “ПРОСМОТР“
Как в сообщение вставить жж-пользователя чтобы это выглядело, например, так: wildmale

Как вместо wildmale написать Дикий самец

Ежели надо все же с “человечком” , например: Дикий самец: cкопировать след. код (не забыв заменить “wildmale” (2 раза) и “Дикий самец” на свое):

Друзья! Скопировав этот код, не забывайте, плиз, менять мои реквизиты на свои. Иначе ваша ссылка будет вести на меня! Надоело читать, что я всю ночь с кем-то пил, с кем-то спал:)
ВСТАВКА МЕДИА-ФАЙЛОВ:
Видео, флеш и проч. с некоторых пор в ЖЖ вставляется на раз:

Как вставить картинку (в ЖЖ и не только):

1. Заходишь на http://www.ljplus.ru/ - (есть и другие хостинги, но новичку лучше отсюда)
2. Регистрируешься
3. Жмешь: КАРТИНКИ-ЗАГРУЗИТЬ-ОБЗОР-ЖМИ УЖЕ!
4. Смотришь на HTML-коды и копируешь “Просто картинка” или “Картинка под катом” в поле поста или коммента
5. Постишь. Ждешь комментов. Много комментов. Удачи!

Можно вставить картинку непосредственно с сайта с помощью: <img src="">
Надо зайти в “свойства” картинки, скопировать её URL и вставить между кавычек

Как сделать, чтобы текст «обтекал» картинку?

Легко - картинка слева, текст справа:
добавляем в код картинки:
align=left hspace=20
Код картинки примет вид:
<img src="http:…" align=left hspace=20>
Помни:
align=left – картинка слева, текст справа
align=right - картинка справа, текст слева
hspace=20 - расстояние между текстом и картинкой 20 пиксел по горизонтали
vspace=20 - расстояние между текстом и картинкой 20 пиксел по вертикали
Прекратить обтекание и вернуть текст под картинку можно тэгом <br>
Закрывать не надо, он работает один - поставил в нужном месте и идешь пить чай:)
Код картинки с плавным обтеканием текстом справа и снизу (или сверху) может иметь вид:
<img src="http:…" align=left hspace=20 vspace=15>

Если хотите всплывающую подсказку при наведении курсора на картинку, как здесь: - введите в код картинки title="ТЕКСТ"
(если текст с пробелами, из нескольких слов - кавычки обязательны!)
Если надо цветную рамку, добавьте в код картинки: - задана красная рамка толщиной 5 пикселей

Окошечко для вставки кода, типа:

получаем так:

где rows и cols определяют площадь окна

Можно сделать это окошечко покрасивше:

Кнопка-ссылка на веб-страничку
Например, на эту:

Некоторые спецсимволы:

Спецсимвол Вид в браузере
&lt; <
&gt; >
&amp; &
&quot; "
&reg; ®
&trade;
&copy; ©
&hearts;
&times; ×
&plusmn; ±
&asymp;
&bull;
&frac12; ½
&frac34; ¾
&deg; °
(градус)
много символов

Если вы видите это: ★, ☠, ☭ - есть смысл посмотреть “Прочие” спецсимволы HTML, пока редко включаемые в официальные таблицы спецсимволов

Фотохостинги
не все (их много развелось), более-менее знакомые:

Видеохостинги
вставка видео аналогична вставке картинок - размещаем видеофайл на видеохостинге и получаем код для вставки в блог:

Файлообменники
выложить друзьям файлы mp3, rar, zip и прочие можно через:

Он-лайн аудио-плееры
Быстро вставить мр3 с компа и послушать он-лайн - boomp3.com (регистрации не требует, работает и в Opera):


Другие плееры, с наворотами:
imeem.com (инструкция)
ijigg.com (инструкция)
бонус:
turbomp3.ru - классный поисковик по mp3-файлам

Про счетчики (для ЖЖ и не только)

В начало ↑

Комментарии (86) на “Шпаргалочка по тегам”

  1. Sky_Velvet Says:

    Спасибо большое еще раз! Все стало гораздо удобнее в использовании! :) Родина тебя не забудет! ;))

  2. PiT Says:

    Благодарю душевно

  3. Анонимно Says:

    Кавфчки во многих местах “Не правильные”, т.е. если тупо копиастить тэг, то он реально может не сработать, в “Шпаргалочке” из ЖЖ кавычки верные, оттуда копипасченый тэг срабатывает в 100 процентах… ИМХО

  4. wildmale Says:

    Все исправил! Спасибо

  5. kababok Says:

    Хм, где-то проблема… В общем, посмотрите, пожалуйста, здесь:

    http://lleo.aha.ru/dnevnik/2007/04/22.html

    И огромное спасибо за шпаргалки! :)

  6. kababok Says:

    Сбилось форматирование в абзаце:

    “Как сделать, чтобы текст «обтекал» картинку?”

  7. wildmale Says:

    Спасибо за код. Форматирование выправил. Если что-то не так, дай сигнал, плиз

  8. rdavid Says:

    Круто сделано! Спасибо.

  9. rdavid Says:

    Если в код кнопки вставить сложносочинённый URL, например, http://spreadsheets.google.com/pub?key=pp8o0BwuMedENrO2xX5TkHw, то при нажатии он его обрезает. Есть какое-то решение?

  10. kababok Says:

    Перепроверь, плз, еще раз злополучный абзац “Как сделать, чтобы текст «обтекал» картинку?”.

    Там в строке:

    “hspace=20 - расстояние между текстом и картинкой в пикселаѼbr />”,

    мой IE6 SP2 букву “х” и открывающую скобку обрезает, видит только пустой квадратик (надеюсь, покажет в цитате :). Немного сбивает с пантелыку. :)

  11. denstreifen Says:

    Спасибо!

  12. patriarhant Says:

    От - БОЛЬШО ЧЕЛОВЕЧЕСКОЕ СПАСИБО!!!

  13. magicnah Says:

    сначала, залез в привычную шпаргалочку. а фиг. Осталась только ссылка. Пошол по ссылке. И забыл зачем пришел.
    Автор! К тебе претензия. Я очень долго искал где оставить благодарность.
    Вот, нашел. Оставляю благодарность, за знание темы.
    Только подскажи, а в ЖЖ в избранном, уже никак? Напрямую?

  14. wildmale Says:

    В ЖЖ “Шпаргалочка” на месте, доступ из Мемориз работает. Не понял, о чем вы.
    Спасибо за отзыв - буду работать дальше в том же направлении:)

  15. Николай Says:

    Огромное спасибо!..

    Открыл для себя кое-что новое…

  16. yamauba Says:

    Простите за чайниковый вопрос, но я так и не поняла - куда именно в код картинки надо вставлять align=left hspace=20? Если можно - именно как для чайника :)
    Спасибо за информацию.

  17. http://natau777.livejournal.com/ Says:

    Спасибо огромное! :)

  18. moymosk Says:

    Спасибо огромное, утащу ссылку и на вордпрессовский блог и в ЖЖ Вставлю

  19. larinal Says:

    Спасибо за проделанную работу..
    Но что то у меня не получается напрмер бегущая строка делаю как вы говорите и не движется строка,Что делать посоветуйте …

  20. Олег Says:

    Спасибо, долго искал теги для жежешечки. Всякие там каты и человечки в ссылке! В мемориз, однозначно! :)

  21. Саша Says:

    Кланиюс!

  22. С.Шин Says:

    Уважаемый дикий самец! Дорогой Вы наш! Огромное,как небо, СПАСИБО!!! Нет - как ВСЕЛЕННАЯ!
    Если позволите себе ещё и такой труд ради нас несмышлёнышей: как правильно добавлять код “влево”-”вправо” в картинку? Об этом и ЯАМАУБА спрашивала…
    Еще разы и разы спасибо! С пожеланиями здровья и благосклонности Фортуны к Вам и всем Вашим близким :=))

  23. wildmale Says:

    С. Шин и yamauba
    Я ж написал, почитайте:
    Код картинки с плавным обтеканием текстом справа и снизу (или сверху) может иметь вид:
    <img src="http:…" align=left hspace=20 vspace=15>

  24. С.Шин Says:

    СПАСИБО!Видать мы сами где-то допустили ошибку,только теперь её уже не видно… Спасибо ещё!

  25. Анонимно Says:

    как вставить htmlку в тело журнала?

  26. Olga Says:

    SPASIBO!!!!!

  27. hello911 Says:

    Спасибо большое Вам за “Шпаргалочку по тегам”! :)
    К списку фотохостингов хотелось бы добавить адрес www.ljplus.ru, которым сам давно пользуюсь.
    Удачи Вам!

  28. Панк Says:

    Спасибо! Очень полезная инфа!
    Мне по экзамену даже помогла :)

  29. Lina Says:

    Спасибо большое! Ho:
    Ударение:
    Cтавим “́” после нужной буквы:
    Чýдная - wrong
    дo нужной буквы:
    Ч́удная - best!

  30. Lina Says:

    Ой, извините! Это, видимо, ивритские настройки журнала виноваты, в котором у меня неправильно ударение отобразилось: http://aronin.livejournal.com/564329.html?thread=1297769#t1297769

  31. Lina Says:

    Ударение всё-таки надо ставить дo нужной буквы и в моём русскоязычном ЖЖ (Ви#769;шн#769;и с#769;ейча#769;с ):
    Ви́шн́и с́ейча́с

  32. Анонимно Says:

    Ай, спасибо, очень полезная штука!

  33. fisch_ka Says:

    Ещё раз спасибо! Очень полезно!

  34. salembo Says:

    когда-то давно у меня получалось выносить анонс постов и заголовок самого позднего поста в профайл.
    в упор не помню.
    подскажите, плз.

  35. Otto Says:

    Спасибо за инфу Очень помогает при создании сайта!!!
    Вставил картинку она прилипла к верхнему краю. Помогите опустить её на определенное растояние?!:(( Пожалуйста!

  36. wildmale Says:

    Ну, вставьте перед кодом картинки <br> или
    <p style=height:40px;>&nbsp;</p>
    где 40px - ваш отступ в пиксела

  37. Otto Says:

    Извените! Вчера весь вечер просидел за редактированием… К тому же ещё и новичок! Совсем мозг переклинело… Спасибо за подсказочку!:)

  38. Lady24night Says:

    Спасибо. Буду тренироваться. Когда ты в этом ничего не понимаешь хорошо когда тебе помогут, а там методом проб и ошибок научимся.

  39. yannesh Says:

    Всем привет. Плизз подскажите как вставить картинку в имя сайта(в верхнем левом углу) к примеру “маленькая картинка Имя_Моего_Сайта”
    Или както так… как к примеру на mail.ru
    @ - (картинка) mail.ru в верху, в шапке браузера

  40. Jane Says:

    Спасибо а такой титанический труд. Но у меня почему-то тэги вставки ЖЖ-юзера и ссылки со своим текстом не работают. Вообще. То есть, они кодом отображаются. А у моих френдов все ок. В чем дело может быть?

  41. Автомобилист Says:

    БОльшое спасибо за шпаргалку. Занес в букмарки себе.

  42. wildmale Says:

    @Jane
    Обратите внимание:
    и на странице “написать” есть два режима
    “визуальный редактор” и “HTML”
    нажмите HTML

  43. Otto Says:

    Здраствуйте! Прошу Вас, пожалуйста, подскажите как сделать ссылку на свою почту!!! Т.е. на сайте написан E-mail, человек заходит на сайт, жмет на ссылку и пишет мне письмо???
    Заранее благодарен!!!

  44. wildmale Says:

    @Otto

    <a href=mailto:"почтовый_адрес">Написать мне</a>

    Например:

    <a href=mailto:"goulyaev@gmail.com">Написать мне</a>

  45. Otto Says:

    Спасибо огромное! Всё получилось!

  46. Абракадабра Says:

    1. спасибо
    2. спасибо
    3. спасибо

    7. скажите, как можно сделать такую таблицу-рамку, чтобы в ней не код писать, а просто текст. вместо ката. человеку приходится идти за катом внутрь, а такая табличка, как для кода, с прокруткой, могла бы просто и скрывать текст и одновременно чел имеет возможность просмотреть все. таблица для кода показывает все нутро записи (тэги) =)

  47. EURO 2008 Says:

    Отличный материал, очень интересно читать то, что пишут действительно понимающие люди! Спасибо!

  48. Абракадабра Says:

    делаю кнопку-ссылку, target=_blank не работает (
    не открывается в новом окне.. ни 1 браузер не помогает (

  49. akaund Says:

    Спасибо, товарисчь! Очень помогает твоя шпаргалка по тэгам.
    Ещё раз спасибо :)

  50. Автур Says:

    Большое спасибо заресурсик. Реально помог.

  51. capelj Says:

    Невероятно полезная и понятная страничка!

    Огромное как море спасибо.
    Нет, даже как океан!

    :-)

  52. Сергей Says:

    Извините за вопрос.Меня заинтересовала БЕГУЩАЯ СТРОКА….Я сделал так как у вас написано и попробывал это на одном форуме……Эфекта ни какого…..Строка не бежит.Почему:

  53. wildmale Says:

    @Сергей
    Ну, в форуме это вряд ли будет работать

  54. Ольга Удача Says:

    Спасибо, большое!!! Очень рада, что все больше и больше узнаешь много нового от таких замечательных людей, как ты!!!

  55. Регистрация в каталогах Says:

    Ценная информация бля блоггеров. Спасибо :)

  56. Анонимно Says:

    Большое спасибо.

  57. Анонимно Says:

    Там где ссылка с человечком - кавычки лишние

  58. Димон Says:

    Спасибо. Много редких тегов. Продолжай, интересно.

  59. XanDer Says:

    Спасибо. Прочитал с интересом. Блог в избранное занес=)

  60. инет мозг Says:

    полезная штука, спасибо!

  61. lev_m Says:

    Спасибо, удобно собрано и оформлено. Маленькая поправка: по-моему, параметр alt предназначен для вывода текста, когда показ картинок отключен. Для вывода текста над картинкой есть параметр title. При его отсутствии IE берет текст из alt, а Firefox - нет. То есть, чтоб страница одинаково выглядела в разных браузерах, лучше использовать title.

  62. petitka Says:

    Огромнейшее спасибо!
    Вы - чудо!

  63. Татьяна Says:

    Большое спасибо за ВСЁ!
    У меня насущный ВОПРОС:
    хочу быстро сделать себе сайт применяя тэги.
    Портфолио для художника где посоветуете сделать и разместить?
    Я чайник, но пользуясь HTML кой кое-что смогу, думаю:)

    Хорошо бы не блог..
    Но ведь можно и блоговое пространство решить
    удобносмотрибельно для своего портфолио.

    Если не сложно, ответьте на мой мейл.
    Спасибо ещё раз.
    С уважением!

  64. понсон Says:

    Спасибо! Очень интересно

  65. Елена Макарова Says:

    Интересно. Думаю многие будут не согласны..

  66. wildmale Says:

    @lev_m
    согласен, спасибо, сделаю поправку

  67. такси Says:

    весьма информативно,молодца!

  68. сайтостроитель Says:

    Я бы в верхней части страницы сделал якори на различные логические сайти, такие как “спецсимволы”, “картинки”, “оформление текста”. А ещё лучше - чтобы это были разворачивающиеся рубрики без перезагрузки страницы, как это описано тут:
    http://saytostroy.ru/sozdanie27.html

  69. wildmale Says:

    @сайтостроитель
    Спасибо за совет, подумаю

  70. Вика Says:

    А есть кто-то кто не согласен с автором?

  71. ketti83 Says:

    Круто, очень полезная вещь! Спасибо!

  72. Света Says:

    Спасибо большое!! Теперь буду вставлять картинки))

  73. susvet Says:

    Закажу редизайн сайту http://susvet.info. Необходимо сделать: заглавная + страница с новостью + страница со списком зеленый как основной цвет, 3 столбца разной ширины без акцента на блоки, маскот-долгоносик, легкая графика, обилие ДОМ-эффектов, упрощающих навигацию и “уплотняющих” контент на заглавной. Примеры работ и цену на мыло mean0dspt@gmail.com , сюда не постить. Работу надо будет сделать срочно, до конца июля.

  74. helka Says:

    Просто превосходно! Спасибо огромное! Все очень интересно и понятно!

  75. Владимир Says:

    Зачет, сенкс автору

  76. arru Says:

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

  77. Вася Says:

    Прикольно! И ведь правда - все именно так и есть

  78. Лиля Says:

    Отлично! Вот не думал, не гадал, что все здесь и сразу найду.

  79. Лейла Says:

    Вот опять! Скока можно это обсуждать? На каждой стене еще разве не написано об этом. Может, хватит.

  80. Петрович Says:

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

  81. wildmale Says:

    @Петрович
    Никак. А что, надо?:)

  82. Олеся Says:

    Интересная информация конечно. Но не сказать, что больно полезная.

  83. cat Says:

    Олеся, ты овца неблагодарная.
    спасибо вам!!

  84. nezlldgj Says:

    nezlldgj…

    nezlldgj…

  85. вакансии работа казань Says:

    Вот есть дни медработника, шахтера, учителя, а день блоггера када? Кто-нить в курсе?

  86. Алекс Says:

    Ну это уж совсем для новичков.

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