х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х
<p align="justify"><img border="2" align="left" data-cke-saved-src="ССЫЛКА ФОТО В НЕТЕ" src="ССЫЛКА ФОТО В НЕТЕ" alt="ССЫЛКА ФОТО В НЕТЕ" style="padding: 5px; margin-left: 5px; width: 300px; height: 200px;" /></p>ТЕКСТ

х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х
<p align="justify"><img border="2" align="right" data-cke-saved-src="ССЫЛКА ФОТО В НЕТЕ" src="ССЫЛКА ФОТО В НЕТЕ" alt="ССЫЛКА ФОТО В НЕТЕ" style="padding: 5px; margin-left: 5px; width: 300px; height: 200px;" /></p>ТЕКСТ


width - ширина картинки
height - высота картинки

х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-хх-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х
I формула
<img data-cke-saved-src="ССЫЛКА ФОТО В НЕТЕ" src="ССЫЛКА ФОТО В НЕТЕ" align="left" />
II формула - с размерами в пикселях
<img align="left" data-cke-saved-src="ССЫЛКА ФОТО В НЕТЕ" src="ССЫЛКА ФОТО В НЕТЕ" style="width: 300px; height: 400px;" />

х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-хх-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х
I формула
<img data-cke-saved-src="ССЫЛКА ФОТО В НЕТЕ" src="ССЫЛКА ФОТО В НЕТЕ" align="right" />
II формула - с размерами в пикселях
<img align="right" data-cke-saved-src="ССЫЛКА ФОТО В НЕТЕ" src="ССЫЛКА ФОТО В НЕТЕ" style="width: 300px; height: 400px;" />

width - ширина картинки
height - высота картинки /textarea

Две в ряд

первая

вторая

<table border="0" cellspacing="10" cellpadding="0"> <tr> <td> Загрузить фото </td> <td> Загрузить фото </td> </tr> </table>

Три в ряд

первая

вторая

третья

<center><table border="0" cellspacing="10" cellpadding="0"><tr> <td> Загрузить фото </td><td> Загрузить фото </td><td> Загрузить фото </td></tr></table></center>

Четыре в ряд

<center><table border="0" cellspacing="10" cellpadding="0"> <tr> <td> Загрузить фото </td> <td> Загрузить фото </td> <td> Загрузить фото </td> <td> Загрузить фото </td> </tr> </table> </center>

и т. д...

border, cellspacing, cellpadding - параметры рамочки

Текст между двумя фото + ФОТО по ссылке

 

х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х

<table align="center" border="0"><tr><td><img data-cke-saved-src="ссылка фото в нете" src="ссылка фото в нете" /></td> <td>ТЕКСТ</td><td><img data-cke-saved-src="ссылка фото в нете" src="ссылка фото в нете" /></td></tr></table>


Текст между двумя фото + ФОТО загрузить
 

х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х

<table align="center" border="0"><tr><td>ЗАГРУЗИТЬ ФОТО</td> <td>ТЕКСТ</td><td>ЗАГРУЗИТЬ ФОТО</td></tr></table>

<table width="100%" cellpadding="0" cellspacing="10" border="0"><tr><td> ТЕКСТ 1</td><td width="2" bgcolor="#000000"></td><td> TЕКСТ 2</td></tr></table>

border, cellspacing, cellpadding - параметры рамочки
width - ширина разделителя
bgcolor - цвет разделителя
 

ТЕКСТ х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х-х

первая

<table width="100%" cellpadding="0" cellspacing="10" border="0"><tr><td> ТЕКСТ </td><td width="2" bgcolor="#000000"></td><td> ЗАГРУЗИТЬ ФОТО</td></tr></table>

ТЕКСТ внутри рамки

<fieldset><legend> ФОТО в разрыве </legend>ТЕКСТ внутри рамки </fieldset>

ТЕКСТ в разрыве

<fieldset><legend>ТЕСТ в разрыве </legend> <center>ФОТО внутри рамки </center></fieldset>

<center><table border="2" background="АДРЕС ФОНА" cellpadding="15" cellspacing="0" width="600"><tr><td><table border="2" background="АДРЕС ФОНА" cellpadding="0" cellspacing="0" width="100%"><tr><td><font size="4"><font color="ffffff">Ваш текст</font></font></td></tr></table></td></tr></table></center>

http://www.youtube.com/watch?v=jRr9v-23RH4&list=PLC975705B2F0686EC&index=14&feature=plpp_video
 

http://youtu.be/jRr9v-23RH4
 

flash=500,405,http://www.youtube.com/v/ЧАСТЬ ССЫЛКИ&hl=ru&fs=1&rel=0&border=1&ap=%2526fmt%3D18
 

<fieldset>ТЕКСТ</fieldset>

<table background="ССЫЛКА ФОНА"><tr><td width="600"><font size="4"><font color="000000"><center>ВАШ ТЕКСТ</center></font></font></td></tr></table>

1 - Вставка картинки - [img]адрес картинки[/img]
или
<img data-cke-saved-src="адрес картинки" src="адрес картинки" />


2 - Просто ссылка - [url]Адрес ссылки[/url]
http://www.liveinternet.ru/users/para_sol_ka/

3 - Ссылка с названием - [url=Адрес ссылки]Название ссылки[/url]
Дневник Para_SOL_kA
или
<a data-cke-saved-href="адрес ссылки" href="адрес ссылки" target="_blank">Имя ссылки</a>

4 - Картинка-ссылка - [url=Адрес ссылки][img]адрес картинки[/img][/url]

или
<a data-cke-saved-href="адрес ссылки" href="адрес ссылки" target="_blank"><img data-cke-saved-src="адрес картинки" src="адрес картинки" /></a>

5 - Кнопка-ссылка -

<form action="АДРЕС БЛОГА (САЙТА)" target="_blank" method="get"><input type="submit" value="Название кнопки" /></form>

src (source) - адрес, где расположено изображение
height и width - размеры показываемого изображения (меняются по желанию)
alt (alternative) - альтернативный текст изображения, который виден при просмотре без отображения картинок (экономия трафика)
title - текст, видимый при наведении мышкой на картинку
align - параметр выравнивания (действует только внутри абзаца, каждый абзац - это строка в таблице, вставить картинку в первую строку, она станет высотой не меньше картинки, но не залезет на вторую)
hspace и vspace - задают отступ от изображения до окружающего контента
border - толщина рамки вокруг изображения ТЕКСТ, который виден без картинки.
 

и так далее...
 

Абзац.

И далее текст...

<p> ТЕКСТ </p>

или

<p style="text-indent: 40px"> ТЕКСТ </p>

Текст с отступом.

И далее продолжение...

<p style="text-indent: 40px"> ТЕКСТ </p>


Переход
на новую строку

<br />


Горизонтальная линия

<hr />

Текст фиксируется

                 так, как 

                       пишется...

<pre>ТЕКСТ</pre>


Текст, идущийдруг за другом, в строчку

ТЕКСТ 1<span style="padding-left: 10px;">ТЕКСТ 2</span>


Текст, идущий

ТЕКСТ 1<div style="padding-left: 10px;">ТЕКСТ 2</div>

Заголовок

<h1> ТЕКСТ </h1>

<center>ТЕКСТ / КАРТИНКА </center>

<p align="center">ТЕКСТ</p>


Текст слева

<left>ТЕКСТ / КАРТИНКА</left>

2 вариант

<p align="lefе"> ТЕКСТ </p>

Текст справа

<right> ТЕКСТ / КАРТИНКА</right>

2 вариант

<p align="right">ТЕКСТ</p>

<div align="justify"> ТЕКСТ </div>

2 вариант

<p align="justify">ТЕКСТ</p>

<div align="right"> ТЕКСТ </div>

<div style="float:right;">ВАШ ТЕКСТ</div><br clear="all" />

• Текст с точкой вначале

<ul><br /><li> ТЕКСТ <br /></li></ul>


убрать под КАТ

[more=Текст ссылки перехода]То что будет скрыто под катом[/more]

<marquee direction="up" scrollamount="1" scrolldelay="0" height="32"> ТЕКСТ </marquee>

Текст внутри тега выделяется курсивом

<cite>ТЕКСТ</cite>

Текст в кавычках

<q> ТЕКСТ </q>

Текст, в отдельном блоке, у которого будет небольшой отступ слева

<blockquote> ТЕКСТ </blockquote><br />

1 вариант - по названию

<font color="cyan"> ТЕКСТ </font>

2 вариант - по шестнадцатеричному коду

<font color="#FF00FF"> ТЕКСТ </font>

3 вариант - по RGB

<p><span style="color: rgb(128, 0, 0);">Текст</span></p>

А еще существует "колдунщик цветов"

С помощью "колдунщика" можно не только подобрать цвет и записать параметры.
Но и узнать как выглядит какой-то необычный колер.
Например - бедра испуганной нимфы , или лягушки в обмороке
И узнать - как же выглядит - серобуромалиновый окрас!

Англоязычный вариант