---

< htmlka >

---

Оформление текста
 

Перечёркнутый текст: ТЕКСТ
<s> ваш текст </s>
Подчёркнутый текст: ТЕКСТ
<u> ваш текст </u>
Полужирный текст: ТЕКСТ
<b> ваш текст </b>
Полужирный крупный: ТЕКСТ
<big> ваш текст </big>
Курсивный текст: ТЕКСТ
<i> ваш текст </i>
Маленький текст: текст
<small> ваш текст </small>
Неразрывный пробел:
&nbsp;
Центрирование:

 

 

текст (картинка) по центру
<center>ваш текст (картинка) </center>
Выравнивание текста по правому краю поста:
<div align=right> ваш текст </div>
Равномерное выравнивание текста по всей ширине поста:
<div align=justify> ваш текст </div>
Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 8 пробелов):
<blockquote> текст </blockquote>
Бегущая строка
бегущая, как олень, строка
<marquee> ваша бегущая строка</marquee>
Вместо текста можно вставить картинку:

Код этой картинки:
<marquee><img src="АДРЕС КАРТИНКИ В СЕТИ"></marquee>

 

Добавленный атрибут direction=right задаст направление движения слева направо, по умолчанию - справа налево

Сноска вверху: ТЕКСТ^сноска
^{ваша сноска}

Сноска внизу: ТЕКСТ_сноска
_{ваша сноска}

Линия:

---

ее код:<hr>
Ударение:
Cтавим после нужной буквы:
&#769;
“Закрепитель” (фиксирует текст так, как и расположите его в поле поста):

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

<pre>ваш текст</pre>

РАЗМЕР ШРИФТА:
Уменьшить текст: текст - 2
<font size="-2"> уменьшенный текст </font>
Увеличить текст на 1 пункт: текст + 1
<font size="+1"> увеличить текст на 1 пункт </font>

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

<font size="+2"> увеличить текст на 2 пункта </font>

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

<font size="+3"> увеличить текст на 3 пункта </font>

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

<font size="+4"> увеличить текст на 4 пункта </font>

ЦВЕТ ШРИФТА:

КРАСНЫЙ: красный текст
<font color="red"> красный текст </font>
ЖЕЛТЫЙ: желтый текст
<font color="yellow"> желтый текст </font>
ФИОЛЕТОВЫЙ: фиолетовый текст
<font color="purple"> фиолетовый текст </font>
ЗЕЛЕНЫЙ: зеленый текст
<font color="lime"> зеленый текст </font>
СИНИЙ: синий текст
<font color="navy"> синий текст </font>
ФУКСИЯ: фуксия текст
<font color="fuchsia"> фуксия текст </font>

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

Имя	Код	Имя	Код	Имя	Код	Имя	Код
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	#800000	red	#FF0000	yellow	#FFFF00

• ТАБЛИЦА БЕЗОПАСНЫХ ЦВЕТОВ (код ставите вместо названия)
• ВСЕ ЦВЕТА ИНТЕРНЕТА (выбрав цвет, кликаете, и полученный код ставите в font color=”…”)

ВИД ШРИФТА:
Шрифт этого текста “Monotype Corsiva”
<font face="Monotype Corsiva"> текст </font>
Все вышеперечисленные атрибуты тега font можно объединять в одном теге:
Шрифт этого текста “Monotype Corsiva”
код этого текста:
<font face="Monotype Corsiva" size="+2" color="fuchsia"> текст </font>

Оформление ссылок

Как вставить ссылку на веб-страницу:
<a href="АДРЕС СТРАНИЦЫ"> ВАШ ПОДЗАГОЛОВОК</a>
Как сделать, чтобы картинка была ссылкой на веб-страницу:
<a href="АДРЕС СТРАНИЦЫ"><img src="АДРЕС КАРТИНКИ В СЕТИ"></a>
Как вставить ссылку на веб-страницу, чтоб она открылась в новом окне:
<a href="АДРЕС СТРАНИЦЫ" target="_blank"> ВАШ ПОДЗАГОЛОВОК </a>

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

Элементарный жж-кат (с “Read more”):
<lj-cut> ТЕКСТ </lj-cut>
жж-кат с ВАШИМ ПОДЗАГОЛОВКОМ:
<lj-cut text="ПОДЗАГОЛОВОК"> ТЕКСТ </lj-cut>
ВНИМАНИЕ: Работу ката не видно в режиме “ПРОСМОТР”
Как в сообщение вставить жж-пользователя чтобы это выглядело, например, так: wildmale
<lj user="wildmale">
Сссылка на сообщество, например: aforism
делается точно так же:
<lj user="aforism">
Аналогично делается и ссылка на жж-трансляцию.
Если надо так:wildmale
или так: comm - идем СЮДА

Как вместо wildmale написать Дикий самец
<a href="lj://user/wildmale/"> Дикий самец</a>
Ежели надо все же с “человечком”: Дикий самец
cкопируйте след. код (не забыв заменить “wildmale” (в двух местах) и “Дикий самец” на свое):
<a href=http://www.livejournal.com/userinfo.bml?user=wildmale><img height=17 border=0 src=http://www.livejournal.com/img/userinfo.gif align=absmiddle width=17></a><b><a href=http://wildmale.livejournal.com>Дикий самец</a></b>
Скопировав код, не забудьте поменять мои реквизиты на свои

---

Вставка МЕДИА-файлов:
Видео, флеш и проч. в ЖЖ вставляются так:
<lj-embed> код вашей вставки</lj-embed>

Публикация картинок (в ЖЖ и не только):

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

Прим.:да-да, в каменты картинки ставятся точно также, только кат не работает.

Советы по публикации картинок

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

Прекратить обтекание и вернуть текст под картинку можно тэгом <br>
Закрывать не надо, он работает один. <br> выполняет перенос на следующую строку. В блогсервисах и редакторах текста его заменяет нажатие Enter.
<br><br><br> - три пустые строки.

Вставить две и более картинки горизонтально:
<nobr>Текст (картинки)</nobr> - все, заключенное в этот контейнер будет находиться на одной строке. Применять с осторожностью, можно деформировать пост.

Регулируем расстояние меж картинками по-горизонтали:
С помощью “неразрывного пробела”:  &nbsp;
Расстояние, равное 8 пробелам будет выглядеть так:
&nbsp; &nbsp; &nbsp; &nbsp;
Вставляется меж кодов картинок, есс-но

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

Если надо цветную рамку , добавьте в код картинки: style="border:5px solid red;" - задана красная рамка толщиной 5 пикселей

Чтоб быстро вставить картинку с другого сайта, вставьте в пост:
<img src="">
затем войдите в “Свойства” картинки на этом сайте, скопируйте ее URL и вставьте в свой код меж кавычек

Как запостить галерею? Узнай ЗДЕСЬ

---

Окошечко для вставки кода, типа:
ВАШ КОД
получаем так:
<textarea rows="2" cols="60"> ВАШ КОД </textarea>
где rows и cols определяют площадь окна

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

<textarea>ВАШ КОД</textarea>

<textarea style="border-right: black 2px solid; border-top: black 2px solid; background-color:dodgerblue; color:white; border-left: black 2px solid; border-bottom: black 2px solid; width: 100%;">КОДЫ </textarea>

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

<form action="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://htmlka.com"" target="_blank">http://htmlka.com"</a> target="_blank" method="get"><input type="submit" value="htmlka"></form>

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

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

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

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

• gallery.ru
• imagebam.com
• xmages.net
• imageshack.us
• keep4u.ru
• tinypic.com
• flamber.ru
• foto.radikal.ru
• photobucket.com

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

• youtube.com
• ru.youtube.com
• rutube.ru
• smotri.com
• myvi.ru

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

• box.net/lite
• sendspace.com
• fileqube.com
• wikiupload.com
• files.to
• zalil.ru
• megaupload.com/ru/
• ibox.org.ua - новый любопытный сервис

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