< htmlka > http://htmlka.com теги для блоггеров Fri, 18 Jul 2008 14:48:56 +0000 http://wordpress.org/?v=2.2.1 en Шпаргалочка по тегам http://htmlka.com/shpargalochka-po-tegam-ta-samaya/ http://htmlka.com/shpargalochka-po-tegam-ta-samaya/#comments Wed, 20 Feb 2008 11:27:14 +0000 wildmale http://htmlka.com/shpargalochka-po-tegam-ta-samaya/
Все теги можно ставить в блог 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-файлам

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

В начало ↑

]]> http://htmlka.com/shpargalochka-po-tegam-ta-samaya/feed/