Образец:

ТЕКСТ №1 ОДИН

ТЕКСТ №2 ДВА

Картинки в ряд без использования таблицы:
Используя тег nobr - можно вставить любое количество картинок в одну строку, но нужно следить за количеством.
В новой строке опять пишем эти теги и вставляем следующий ряд фоток. И так далее.
<nobr>КАРТИНКИ В РЯД</nobr>

Код для вставки картинки:
<img src="АДРЕС КАРТИНКИ" border="0" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ" />

Код картинки со ссылкой на оригинал:
<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС ОРИГИНАЛЬНОЙ КАРТИНКИ" target="_blank"><img src="АДРЕС КАРТИНКИ С ИЗМЕНЁННЫМ РАЗМЕРОМ" border="0" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ" /></a>

Чтобы уменьшенная картинка (превью) развернулась прямо
на странице поста, нужно в код ссылки прописать
rel="li-bigpic"
<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС КАРТИНКИ" rel="li-bigpic" target="_blank"><img src="АДРЕС КАРТИНКИ" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ" /></a>

Текст с отступом от края в 8 пробелов
<blockquote>ВАШ ТЕКСТ</blockquote>

Абзац
<p style="text-indent: 40px">ВАШ ТЕКСТ</p>

Текст справа в несколько строк
с выравниванием СПРАВА
<div align="right">ВАШ ТЕКСТ</div>

Текст справа в несколько строк
с выравниванием СЛЕВА
<div style="float:right;">ВАШ ТЕКСТ</div><br clear="all" />

Бегущая влево строка (и/или картинка!)
<marquee>ВАШ ТЕКСТ</marquee>

Бегущая вправо строка (и/или картинка!)
<marquee direction="right">ВАШ ТЕКСТ</marquee>

Список - жирная точка спереди
<ul><br /><br /> <li>ВАШ ТЕКСТ<br /></li></ul>

Формирование списка по пунктам
<ol><br /><br /> <li> Один из пунктов несортированного списка<br /><br /> </li><li> Другой такой пункт<br /><br /> </li></ol>

Чтобы ссылка открылась в новом окне:
<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=Адрес куда........" target="_blank">ТЕКСТ ССЫЛКИ</a>

Если вам нужно чтобы КАРТИНКА была ссылкой -
<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС ССЫЛКИ" target="_blank"><img src="АДРЕС КАРТИНКИ" border="0" title="width ШИРИНА КАРТИНКИ" /></a><br />

Текст со всплывающей подсказкой
<acronym title="то, что вы пишете во всплывающей подсказке">ВАШ ТЕКСТ</acronym>

Скользящий вниз текст
<marquee direction="down" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee>

Ставим в один ряд несколько (три) ФЛЕШ
<table align="center"><tr><td><br/><IFRAME src="//flashframe.li.ru/showflash.html?tag_value=%D0%90%D0%94%D0%A0%D0%95%D0%A1+%D0%A4%D0%9B%D0%95%D0%A8&flash_width=300&flash_height=300&style=" width=300 height=300 style="width:300;height:300; border:0px outset;" scrolling="no" frameborder="0"></iframe></td><td><br/><IFRAME src="//flashframe.li.ru/showflash.html?tag_value=%D0%90%D0%94%D0%A0%D0%95%D0%A1+%D0%A4%D0%9B%D0%95%D0%A8&flash_width=300&flash_height=300&style=" width=300 height=300 style="width:300;height:300; border:0px outset;" scrolling="no" frameborder="0"></iframe></td><td><br/><IFRAME src="//flashframe.li.ru/showflash.html?tag_value=%D0%90%D0%94%D0%A0%D0%95%D0%A1+%D0%A4%D0%9B%D0%95%D0%A8&flash_width=300&flash_height=300&style=" width=300 height=300 style="width:300;height:300; border:0px outset;" scrolling="no" frameborder="0"></iframe></td></tr></table>

Код музыкальной открытки с текстом:
<div align="center"><table background="https://img-fotki.yandex.ru/get/6114/65387414.92b/0_156a63_519d1fcc_XL.gif"><tr><td width="590" height="555"><div align="right"><font size="4"><font color="9d0a0f">Что же ты осень так долго,без меры<br />-Льёшь слезинки дождя наугад?<br />За окном в тучах серое небо.<br />Кружит в танце свой вальс листопад.<br /><br />Может быть так прощаешься с летом,<br />И его возвращения ждёшь?<br />-Отшумело,сгорело,исчезло...<br />Дней прекрасных уже не вернёшь!<br /><br />Кружат в воздухе медленно листья,<br />Я по саду немного пройду.<br />Одиноко,тоскливо на сердце<br />-В позабытом,осеннем саду..<br /><br /><br /><br /><br/><IFRAME src="//flashframe.li.ru/showflash.html?tag_value=%2F%2Fwww.yapfiles.ru%2Ffiles%2F657436%2Fpleer131LuIra.swf%3Fmp3%3D%2F%2Fimg0.liveinternet.ru%2Fimages%2Fattach%2Fc%2F7%2F%2F4898%2F4898108_chto_takoe_osen.mp3&flash_width=44&flash_height=44&style=" width=44 height=44 style="width:44;height:44; border:0px outset;" scrolling="no" frameborder="0"></iframe></font></font></div></td></tr></table></div>

Код выше выложенной открытки
(вставляем свои значения):
<div align="center"><table background="АДРЕС КАРТИНКИ"><tr><td width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ"><div align="right"><font size="3"><b><font color="0d004c">ваш текст<br /><br /><br /><br/><IFRAME src="//flashframe.li.ru/showflash.html?tag_value=%2F%2Fwww.yapfiles.ru%2Ffiles%2F657436%2Fpleer131LuIra.swf%3Fmp3%3D%D0%90%D0%94%D0%A0%D0%95%D0%A1+%D0%9F%D0%95%D0%A1%D0%9D%D0%98.mp3&flash_width=44&flash_height=44&style=" width=44 height=44 style="width:44;height:44; border:0px outset;" scrolling="no" frameborder="0"></iframe></font></b></font></div></td></tr></table></div>

Для того, что б музыка или текст стояли там, где нужно, ставим тег выравнивания, они ставятся прямо перед кодами тех значений, которые вы хотите выравнять (ТЕКСТОМ, КОДОМ ПЛЕЕРА) Это теги - справа, слева, в центре:
<div align="left"></div> (слева)<br /> <div align="right"></div> (справа)<br /> <div align="center"></div> (в центре)<br /> тегом <br /> опускаем ниже

Вставляем БЛИНГИ, КАртинки и т.д.
---------------
<table background="URL АДРЕС ФОНОВОЙ КАРТИНКИ"><tr><td width="ШИРИНА" height="ВЫСОТА"><left>(слева)<br /> <img src="АДРЕС БЛИНГА" width="ШИРИНА" height="ВЫСОТА" border="0" /><br /><br /><br /><br /><br /><br /><font size="6"><font color="ed1c24"><b><center>ТЕКСТ</center><br /> </b></font></font></left></td></tr></table>
-------------------
<div align="center"><table background="АДРЕС ОСНОВНОЙ КАРТИНКИ"><tr><td width="ШИРИНА" height="ВЫСОТА"><left>(СЛЕВА)<img src="АДРЕС БЛИНГА" width="ШИРИНА" height="ВЫСОТА" alt="mtnih4.jpg (400x400, 23Kb)" border="0" /></left>(СЛЕВА)<br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><right>(СПРАВА)<img src="АДРЕС БЛИНГА" width="ШИРИНАблинга" height="ВЫСОТА" alt="6eorbl (148x214, 13Kb)" border="0" /></right>(СПРАВА)</td></tr></table></div>

<div align="center"><table background="АДРЕС КАРТИНКИ"><tr><td width="ШИРИНА" height="ВЫСОТА"><center><img src="АДРЕС БЛИНГА" width="ШИРИНА блинга" height="ВЫСОТА блинга" border="0" /></center></td></tr></table></div>

Копируем формулу из рамочки и вставив в простой редактор вставляем свои значения. Если надо ПОДНЯТЬ картинку ВВЕРХ, то тег ставится, НЕ перед кодами картинки, а ПОСЛЕ КОДА КАРТИНКИ ставим тег
, а при опускании картинки тег
ставим ПЕРЕД КОДОМ КАРТИНКИ

<div align="center"><table background="//img1.liveinternet.ru/images/attach/c/11/127/804/127804115_1.jpg"><tr><td width="700" height="525"><img src="//s018.radikal.ru/i516/1301/82/3617ffcec700.gif" width="323" height="214" border="0" /><br /><br /> <br /><br /> <br /><br /> <br /><br /> <br /><br /> <br /><br /> <br /><br /> <br /><br /> <br /><br /> <br /><br /> </td></tr></table></div>

Картинок можно вставлять столько
сколько позволят размеры картинки-фона.

<div align="center"><table background="//img1.liveinternet.ru/images/attach/c/11/127/804/127804115_1.jpg"><tr><td width="690" height="470"><br /> <left><img src="//s018.radikal.ru/i516/1301/82/3617ffcec700.gif" width="323" height="214" border="0" /><br /> <br /><br /> <br /><br /> <div align="right"><img src="//img1.liveinternet.ru/images/attach/c/2/74/73/74073841_aep16w.gif" width="193" height="156" alt="aep16w (313x276, 7Kb)" border="0" /></div></left></td></tr></table></div>

Можно ставить ТЕКСТ или МУЗЫКУ.
Как это сделать смотрите
<a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/5397786/post341423416"><font color="2e3092">ЗДЕСЬ</font></a> и <a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/5397786/post371857874/"><font color="2e3092">ЗДЕСЬ</font></a>

Как наложить флеш на картинку
<a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/5397786/post351386308"><font color="2e3092">СМОТРИМ ЗДЕСЬ</font></a>

Можно ставить вместе и текст и картинку,
и еще добавить музыку)
Блинги можно использовать как фон их можно
<a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=https://fotki.yandex.ru/users/shadrinagalin/album/323312/"><font color="2e3092">ВЗЯТЬ ЗДЕСЬ</font></a>

Цвет плеера и музыку можно менять!!!
<br/><IFRAME src="//flashframe.li.ru/showflash.html?tag_value=%2F%2Flegion-blog.narod.ru%2Fplayer%2Fplayer-viral.swf%3Ffile%3D%2F%2Fimg0.liveinternet.ru%2Fimages%2Fattach%2Fd%2F0%2F%2F5174%2F5174134_marsel_davletov__beluyy_kon.mp3%26amp%3Bbackcolor%3D000000%26amp%3Bfrontcolor%3Dccc8ad%26amp%3Blightcolor%3Dffffff%26amp%3B&flash_width=400&flash_height=20&style=" width=400 height=20 style="width:400;height:20; border:0px outset;" scrolling="no" frameborder="0"></iframe>


Коды могут быть не обязательно вот прямо точь в точь такими. Если интересны подробности, почитайте в учебниках или справочниках по HTML5 про "audio" и "video".<br /> <br /> Аудиоплеер<br /> <audio controls="controls" src="тут ссылка на файл mp3" type="audio/mpeg"></audio><br /> <br /> Видеооплеер<br /> <video controls="controls" width="тут ширина картинки" height="тут высота картинки" poster="тут ссылка на заставку для видео (картинка)" src="тут ссылка на видеофайл"></video><br /> Параметр "poster" может отсутствовать. <br /> Ширина и высота указывается в пикселях.<br /> <br /> Музыкальная открытка<br /> По сути это - видеоплеер, но с аудиофалом:<br /> <video controls="controls" width="тут ширина картинки" height="тут высота картинки" poster="тут ссылка на картинку" src="тут ссылка на файл mp3" type="audio/mpeg"></video><br /> <br /> Совет. Чтобы кнопки управления воспроизведением не закрывали картинку, рекомендую добавить сделать внизу картинку что-то примерно на 30 пикселей.

ВАШ КОД