александра

Отправить ссылку другу

Подарки (1)


Александра Романко

Россия

13 Июня 2011 в 18:59

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

>Оформление текста
(рекомендую спец. страничку 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>

 

Сноска вверху: ТЕКСТсноска
<sup>ваша сноска</sup>

Сноска внизу: ТЕКСТсноска
<sub>ваша сноска</sub>

Линия:


ее код:<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#800000red #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>


    В начало ↑
    <
  • Категория записи: Компьютеры и интернет
    Комментировать могут все зарегистрированные пользователи. Присоединяйтесь