Картинка обтекаемая текстом Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения vspace="10" и hspace="10"- это всего навсего расстояние от картинки к тексту вправо и вниз, можно их менять, по вашему вкусу.	<img align="left" alt="" hspace="30" src="АДРЕС КАРТИНКИ" vspace="10" />
Картинка слева от текста Снова пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже.	<img src="АДРЕС КАРТИНКИ" align="left" border="0" />Здесь будет ваш текст
Картинка справа от текста Все, точно также, как и в предыдущем случае. Только картинка окажется справа от текста.	<img src="АДРЕС КАРТИНКИ" align="right" border="0" />
Картинка в центре текста Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным, и как бы обкутывало вашу картинку. Поэтому, часть текста вверху, часть внизу и создают такой эффект. Параметр "absmiddle" (выравнивание середины строки относительно середины изображения).	Здесь будет ваш текст 1 <img src="АДРЕС КАРТИНКИ" align="absmiddle" border="0" /> Здесь будет ваш текст 2
Текст между двух картинок Чтобы текст лег красиво, нужно, чтобы картинки были по длине больше, чем по ширине, если текст выйдет за рамки рисунков, он уйдет вниз.	<table align="center" border="0"> <tr> <td><img src="АДРЕС КАРТИНКИ" /></td> <td>Здесь будет ваш текст</td> <td><img src="АДРЕС КАРТИНКИ" /></td> </tr> </table>
Картинка между текстом Красиво получается, когда картинка находится между текстом, как-то необычно. Главное, чтобы текст соответствовал, и картинка отражала его суть. Остальное - полет фантазии	<table align="center" border="0"> <tr> <td>Здесь будет ваш текст 1</td> <td><img src="АДРЕС КАРТИНКИ" /></td> <td>Здесь будет ваш текст 2</td> </tr> </table>

Блог Лиры

Серия сообщений "Все для блога":
Часть 1 - Словари и автоматические переводчики в сети
Часть 2 - On-line генераторы
...
Часть 51 - Пост доступен на странице сообщения..
Часть 52 - Отличный генератор кода цвета - в помощь для ваших работ
Часть 53 - Нужные формулы для дневника

 

Смотрите далее!

 

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

под катом еще парочку))

/s13.radikal.ru/i186/1006/d3/8341afe416fb.gif"" target="_blank">//s13.radikal.ru/i186/1006/d3/8341afe416fb.gif" border="0" alt=""/>" /> /s58.radikal.ru/i159/1006/c2/29fd6750ce31.gif"" target="_blank">//s58.radikal.ru/i159/1006/c2/29fd6750ce31.gif" border="0" alt=""/>" /> /i053.radikal.ru/1006/41/a7a539c41df8.gif"" target="_blank">//i053.radikal.ru/1006/41/a7a539c41df8.gif" border="0" alt=""/>" />

" с кодами

<img alt="С Днем рожденья" border="0" src="//img-fotki.yandex.ru/get/5302/ladyo2004.1cb/0_5992f_a71b6cb4_orig.jpg" title="" />
Читать далее

КРАСНЫЙ
Дневник с преобладанием в его гамме красного цвета, ведет уверенный в себе человек с сильной энергетикой. Если красный цвет доминирует, значит, автор хочет интенсифицировать свои эмоциональные ощущения, действовать энергично.
Девушки, выбирающие красный цвет в дневнике, обладают "мужскими" качествами: решительностью, волей, вспыльчивостью, общительностью, энергичностью, харизматичностью.
Читать далее

Список всех тегов HTML с описанием

Сегодня я публикую самый полный набор тегов html. Как выяснилось, эта тема востребована моими читателями и многие хотели бы освоить этот язык веб-разметки документов. А учеба, как известно, начинается с букваря. Вот я и решил разместить на своем блоге такой своеобразный букварь с полным набором тегов html и их описанием.

HTML справочник - дескрипторы и их атрибуты

Серия сообщений "Правила, коды, подсказки":
Часть 1 - Обойма сервисов по работе с цветом.
Часть 2 - По щучьему велению для веб-мастера.
...
Часть 16 - Ссылки и кнопки в HTML.
Часть 17 - Список всех тегов HTML с описанием
Часть 18 - Список всех тегов HTML с описанием

Сегодня я публикую самый полный набор тегов html. Как выяснилось, эта тема востребована моими читателями и многие хотели бы освоить этот язык веб-разметки документов. А учеба, как известно, начинается с букваря. Вот я и решил разместить на своем блоге такой своеобразный букварь с полным набором тегов html и их описанием.

Начинаем изучать

...в первый весенний день.

Именно цветы символизируют весну.

Они оживают, распускаются, радуют глаз.

Подарите друг другу цветы и пусть Вам весна принесет побольше радостных, солнечных дней. 

Для размещения в своем блоге или в комментариях к другим блогам просто скопируйте код из рамочки под любым букетом.

При цитировании убирайте галочку из строчки "Автоматически переводить URL в ссылку"

Солнечного Вам настроения!!!!

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/sheree/" target="_blank"><img src="//s55.radikal.ru/i147/0902/58/67f9ad2dab4a.gif" width="167" height="180" alt=" (167x180, 18Kb)" /></a>	<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/sheree/" target="_blank"><img src="//s41.radikal.ru/i092/0902/f9/09adbbe416f9.gif" width="215" height="200" alt=" (215x200, 7Kb)" /></a>
<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/sheree/" target="_blank"><img src="//s61.radikal.ru/i174/0902/b6/bd6f2db87df5.gif" width="150" height="175" alt=" (150x175, 8Kb)" /></a>	<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/sheree/" target="_blank"> <img src="//s50.radikal.ru/i128/0902/21/8c0f80e45eb7.gif" width="201" height="200" alt=" (201x200, 12Kb)" /></a>
<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/sheree/" target="_blank"><img src="//s45.radikal.ru/i110/0902/e5/70677d21f0b9.gif" width="285" height="200" alt=" (285x200, 18Kb)" /></a>	<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/sheree/" target="_blank"><img src="//i062.radikal.ru/0902/43/d8b70bfc63ca.gif" width="180" height="200" alt=" (180x200, 12Kb)" /></a>
<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/sheree/" target="_blank"><img src="//i021.radikal.ru/0902/9e/a22a877d150f.gif" width="174" height="200" alt=" (174x200, 25Kb)" /></a>	<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/sheree/" target="_blank"><img src="//s44.radikal.ru/i106/0902/87/003488efe196.gif" width="200" height="174" alt=" (200x174, 21Kb)" /></a>
<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/sheree/" target="_blank"><img src="//s54.radikal.ru/i144/0902/e5/3d608fcc21ff.gif" width="137" height="200" alt=" (137x200, 20Kb)" /></a>	<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/sheree/" target="_blank"> <img src="//s57.radikal.ru/i158/0902/16/433d0acbbf24.gif" width="200" height="180" alt=" (200x180, 5Kb)" /></a>
<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/sheree/" target="_blank"> <img src="//i077.radikal.ru/0902/a1/95a313669676.gif" width="200" height="173" alt=" (200x173, 300Kb)" /></a>	<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/sheree/" target="_blank"> <img src="//s45.radikal.ru/i110/0902/72/d0c0534b151b.gif" width="200" height="165" alt=" (200x165, 128Kb)" /></a>

№ 1



<div align="center"><table border="1" cellpadding="10" cellspacing="2" width="80%" background="//s19.radikal.ru/i192/0912/5b/6aa7126718e9.jpg"><tr><td width="100%"><center><div align="center"><table border="1" cellpadding="10" cellspacing="2" width="100%" background="//s51.radikal.ru/i133/0912/81/a20059a81cb4.jpg"><tr><td width="100%"><center><table background="//s19.radikal.ru/i192/0912/5b/6aa7126718e9.jpg" border="1" cellpadding="10" cellspacing="2" width="100%"><tr><td width="100%"><center><div align="center"><table border="1" cellpadding="10" cellspacing="2" width="100%" background="//s51.radikal.ru/i133/0912/81/a20059a81cb4.jpg"><tr><td width="100%"><br /> <center><font size="4"><font color="#cdbe70"><font face="georgia">ВАШ ТЕКСТ<br /> <img src="//img0.liveinternet.ru/images/attach/c/0//53/639/53639112_vr1257428658wt4.gif" width="481" height="122" alt=" (481x122, 37Kb)" /><br /> </font></font></font></center></td></tr></table></div></center></td></tr></table></center></td></tr></table></div></center></td></tr></table></div>

№ 2



<div align="center"><table border="1" cellpadding="10" cellspacing="2" width="80%" background="//i025.radikal.ru/0905/eb/c1753a8a142f.jpg"><tr><td width="100%"><center><div align="center"><table border="1" cellpadding="10" cellspacing="2" width="100%" background="//img0.liveinternet.ru/images/attach/c/1//48/526/48526692_1252508601_4.jpg"><tr><td width="100%"><center><table background="//i025.radikal.ru/0905/eb/c1753a8a142f.jpg" border="1" cellpadding="10" cellspacing="2" width="100%"><tr><td width="100%"><center><div align="center"><table border="1" cellpadding="10" cellspacing="2" width="100%" background="//img0.liveinternet.ru/images/attach/c/1//48/526/48526692_1252508601_4.jpg"><tr><td width="100%"><br /> <center><font size="4"><font color="#cdbe70"><font face="georgia">ВАШ ТЕКСТ<br /> <img src="//img0.liveinternet.ru/images/attach/c/0//53/639/53639468_www.gif" width="332" height="59" alt=" (332x59, 11Kb)" /><br /> </font></font></font></center></td></tr></table></div></center></td></tr></table></center></td></tr></table></div></center></td></tr></table></div>

№ 3



<div align="center"><table border="1" cellpadding="10" cellspacing="2" width="80%" background="//i025.radikal.ru/0905/eb/c1753a8a142f.jpg"><tr><td width="100%"><center><div align="center"><table border="1" cellpadding="10" cellspacing="2" width="100%" background="//s40.radikal.ru/i089/1001/e2/d77cc5490418.jpg"><tr><td width="100%"><center><table background="//i025.radikal.ru/0905/eb/c1753a8a142f.jpg" border="1" cellpadding="10" cellspacing="2" width="100%"><tr><td width="100%"><center><div align="center"><table border="1" cellpadding="10" cellspacing="2" width="100%" background="//s59.radikal.ru/i165/1001/1f/4a9744c469b7.jpg"><tr><td width="100%"><br /> <center><font size="4"><font color="#cdbe70"><font face="georgia">ВАШ ТЕКСТ<br /> <img src="//img1.liveinternet.ru/images/attach/c/1//51/446/51446142_Linie2.gif" width="435" height="41" alt=" (435x41, 13Kb)" /><br /> </font></font></font></center></td></tr></table></div></center></td></tr></table></center></td></tr></table></div></center></td></tr></table></div>

№ 4



<div align="center"><table border="1" cellpadding="10" cellspacing="2" width="700" background="//s11.radikal.ru/i183/0909/b9/62fc82ebca9a.gif"><tr><td width="100%"><center><div align="center"><table border="1" cellpadding="10" cellspacing="2" width="100%" background="//i032.radikal.ru/0802/4a/43b26623b49a.jpg"><tr><td width="100%"><center><table background="//s11.radikal.ru/i183/0909/b9/62fc82ebca9a.gif" border="1" cellpadding="10" cellspacing="2" width="100%"><tr><td width="100%"><center><div align="center"><table border="1" cellpadding="10" cellspacing="2" width="100%" background="//i032.radikal.ru/0802/4a/43b26623b49a.jpg"><tr><td width="100%"><center><img src="//img0.liveinternet.ru/images/attach/c/0//53/639/53639673_www.png" width="245" height="49" alt=" (245x49, 8Kb)" /><center><font size="4"><font color="#ffffff"><font face="georgia"><b>ВАШ ТЕКСТ<br /> <img src="//img0.liveinternet.ru/images/attach/c/0//53/639/53639673_www.png" width="245" height="49" alt=" (245x49, 8Kb)" /><br /> </b></font></font></font></center></center></td></tr></table></div></center></td></tr></table></center></td></tr></table></div></center></td></tr></table></div>

Здесь будут собираться ссылки на все полезные материалы по оформлению постов на ЛиРу.
И, конечно это будет сделано как очередное дополнение в

Про тэги (от Nedomolvka)

Краткая шпаргалочка по тегам (от your_duckling)

Всё о тегах и оформлении постов (от RadioHeads)

Изучаем HTML. Теги. Оформление постов. Ответы на вопросы (от _LexIncorp_)

16 основных названий цветов, используемых во всех браузерах (сам постарался)

Таблица редких спецсимволов HTML (от Ikarus283)

Жду ваших дополнений!

LI 5.09.15

решила озвучить /показать/ некоторые теги...
а то у меня уже не один раз спрашивали что да как.
сама правда пользуюсь редко, на мало ли...кому пригодится.
для начала скажу вот что... у кого есть "расширенные редактор" - все просто и не *бите мозги )
ага )
там все легко и просто. а вот у кого нет...
/сама под Оперой пару мес. была - знаю под ней не работает (/
итак...


непосредственно сами тэги
В большинстве случаев закрывающий тэг не нужен, но если текст под кат не убирается - попробуйте его поставить.


ЗЫ. Потом допишу еще /сейчас, если честно, уже спать охота )))/, постепенно буду обновлять. ))
всегда Ваша, Nedomolvka

(с) надергано из разных источников, учебников, шпаргалок и проч. про HTML. Хотите узнать больше - в любом учебнике есть )

Помошник...



 

Помощь блоггеру   УРОКИ ОТ ДЖУЛИИ