htmlka Справочник по html

Tweet

---

Все теги ставятся в блог 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="https://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=https://htmlka.com/ target=_blank><img src=https://htmlka.com/wp-content/uploads/2009/07/butto.png border=0 alt="Помощь блогеру" title="Помощь блогеру" /></a>

---

В начало ↑

проблема хорошего подарка всегда волновала человечество. Если не знаете что можно подарить родителям, подумайте, может это можно сделать своими руками. Ведь им будет вдвойне приятно. Например, один мой знакомый подарил свою программу для сохранения постов в блоге типа жж. Каждый пост — отдельным файлом.
Поскольку программа его не требует пароля к блогу, то таким способом можно скачать журнал любого пользователя того же живого журнала. Можно отдельно скачивать раздел «мемориз», причем не только свой, но и любого интересного пользователя. Естественно, речь идет о публичных, открытых для всех записях. Можно скачивать записи за указанный определенный период, включать и отключать загрузку комментариев и графики. Дополнительное удобство — эта программа позволяет использовать для копирования дневников и прокси-серверы Вот это я понимаю — подарок!:))
По дальнейшим подробностям пишите мне на мейл, если кому интересно.

Все-таки самостоятельное изучение иностранного языка по интернету или по самоучителю далеко не то, что мне нужно. Вот такие курсы английского языка в Москве совсем другой разговор, буду искать филиал в своем городе:))
Смешно сказать, даже программированию самостоятельно научиться невозможно. Хорошую программу для бекапа жж LJSM написал программист Александр Николаев. Расскажу о ней. Очень удобная, но, к сожалению, не всегда понятная для «чайников» программа. Достаточно сказать, что «она консольная и работает в режиме командной строки», и начинающие пользователи начинают зевать и махать руками – «это не для меня». На самом деле пользоваться ей несложно. Сначала ее нужно загрузить «Весит» ехе-версия программы 1Мб. Скачав, распаковываем ее. Объясняю дальше для тех, кто никогда не пользовался командной строкой.
Для того, чтоб не путаться с путями, положите распакованную программу на диск D . Нажимаем Пуск-Выполнить (Start-Run). Затем вводим в строку окна «выполнить» cmd и работаем.