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

26 августа, 2010

Filed under: БЛОГ — wildmale @ 04:40


Все теги ставятся в блог copy-paste‘ом
(В режиме «HTML», а не «Визуальный редактор»)


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

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

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

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

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

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

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

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

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

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


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

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

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

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

Вместо текста можно вставить картинку:

Код этой картинки:

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

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

Линия:


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

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

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

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

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

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

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

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

ЦВЕТ ШРИФТА:

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

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

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

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

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

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

Таблица «базовых» цветов (вводим «Имя» или «Код»):


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

  • Посмотреть сочетаемость цветов
  • Таблица безопасных цветов
  • Все цвета Интернета
  • Подобрать цвет

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

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

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

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

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

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


    Спец. теги ЖЖ:

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

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

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

    Сссылка на сообщество, например: aforism
    делается точно так же:

    Если надо так:wildmale
    или так: comm — идем СЮДА

    Вместо wildmale пишем Дикий самец:

    Ежели надо с «человечком»: Дикий самец:

    Скопировав код, не забудьте поменять реквизиты.
    Вставка МЕДИА-файлов:
    Видео, флеш и проч. в ЖЖ вставляются так:


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

    Код любой картинки в сети в простом варианте выглядит так:
    <img src="http://…/…jpg">
    Уникальный URL (http://…/…jpg) выдает картинке хостинг, куда ее необходимо закачать с компа.
    Совсем «чайникам» рекомендую (для ЖЖ):
    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> — три пустые строки.

    Вставить две и более картинки горизонтально:
    — все, заключенное в этот контейнер будет находиться на одной строке. Применять с осторожностью, можно деформировать пост.

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

    Вставляется меж кодов картинок, есс-но

    Если надо всплывающую подсказку при наведении курсора на картинку, как здесь: — введите в код картинки title="ТЕКСТ"

    Если надо цветную рамку , добавьте в код картинки: — задана красная рамка толщиной 5 пикселей

    Чтоб быстро вставить картинку с другого сайта, вставьте в пост:

    затем войдите в «Свойства» картинки на этом сайте, скопируйте ее URL и вставьте в код меж кавычек

    Изменить размер картинки можно с помощью атрибутов width (ширина) и height (высота). Вставьте в код картинки, например, width=300 и ваша картинка будет шириной 300 пикселов, высота подгонится пропорционально. Браузер при этом все равно подгружает изначальную картинку, и если та весила 3МБ, то меньше не станет:)

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


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

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

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

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

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

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

    Спецсимвол Вид в браузере
    &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
  • jpegshare.net

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

  • youtube.com
  • rutube.ru

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

  • zalil.ru (50Мб без регистрации, оч простой)
  • megaupload.com/ru/ (1 Гб без регистрации)
  • filedropper.com (до 5Гб без регистрации)
  • wikiupload.com (до 5Гб без регистрации)
  • narod.yandex.ru (до 5Гб, регистрация)

    Он-лайн аудио-плееры
    Вставить mp3 с компа:

    — читайте Вставка Медиа-файлов

    Полезно:

  • Счетчики статистики (для ЖЖ и не только)
  • Советы по работе с html
  • Хитрости в ЖЖ и не только
  • Заработок на блоге

    Кнопка на этот сайт: Помощь блогеру
    код для вставки:


    В начало ↑

  • Комментариев нет

    No comments yet.

    RSS feed for comments on this post. TrackBack URL

    Sorry, the comment form is closed at this time.

    Powered by WordPress