Помощь блоггеру

[gdlgua]

---

Все теги ставятся в блог copy-paste‘ом

(В режиме «HTML», а не «Визуальный редактор»)

---

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

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

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

<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>

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

^{ваша сноска}

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

_{ваша сноска}

Линия:

---

ее код:<hr>

Ударение:

Cтавим после нужной буквы:&#769;

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

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

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

РАЗМЕР ШРИФТА:

Уменьшить текст: текст – 2

<font size="-2"> уменьшенный текст </font>

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

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

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

Увеличить текст на 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	gray	#808080	olive	#808000	teal	#008080
blue	#0000FF	lime	#00FF00	purple	#800080	white	#FFFFFF
fuchsia	#FF00FF	maroon	#800000	red	#FF0000	yellow	#FFFF00

Выбери цвет и скопируй его код:

Код для вставки виджета себе здесь

• Другие ссылки: Таблица безопасных цветов
• Все цвета Интернета

  ВИД ШРИФТА:

  Шрифт этого текста «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>
  
  Друзья, для тегов ЖЖ я завел отдельную страницу:
  htmlka.com/livejournal
  На нее также можно зайти, кликнув на Livejournal вверху справа в сайдбаре.

  Публикация картинок:

  Раздел о публикации картинок перемещен на страницу:
  htmlka.com/pictures
  Она же доступна в сайдбаре сбоку в разделе Страницы: Изображения.
  

  ---

  Окошечко для вставки кода, типа:
  ВАШ КОД
  получаем так:
  <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="http://htmlka.com" target="_blank" method="get"><input type="submit" value="htmlka"></form>

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

  (градус)

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

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

  Фотохостинги

• gallery.ru
• imagebam.com
• imgur.com
• imageshack.us
• tinypic.com
• foto.radikal.ru
• photobucket.com

  Видеохостинги

  вставка видео аналогична вставке картинок – размещаем видеофайл на видеохостинге и получаем код для вставки в блог:
• youtube.com
• rutube.ru

  Файлообменники

  выложить друзьям файлы можно на:
• zalil.ru (50Мб без регистрации, оч простой)
• filedropper.com (до 5Гб без регистрации)
• wikiupload.com (до 5Гб без регистрации)
• dushare.com (unlim на размер, протокол P2P)

  Он-лайн аудио-плееры

  Вставить mp3 с компа:
  
  
  - читайте Вставка Медиа-файлов

  Полезно:

• Счетчики статистики
• Советы по работе с html
• Хитрости в ЖЖ и не только
  код для вставки:
  <a href=http://htmlka.com/ target=_blank><img src=http://htmlka.com/wp-content/uploads/2009/07/butto.png border=0 alt="Помощь блогеру" title="Помощь блогеру" /></a>

  ---

  В начало ↑