александра

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

Подарки (1)


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

Россия

александра

Календарь

« Апрель 2014  
Пн Вт Ср Чт Пт Сб Вс
 123456
78910111213
14151617181920
21222324252627
282930    

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 #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, пока редко включаемые в официальные таблицы спецсимволов

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

 

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

 

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

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

 

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

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

Полезно:

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


В начало ↑
<

Категория записи: Компьютеры и интернет