28 марта 2018

HTML коды положения картинок в тексте


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

HTML код положения картинки в тексте  СЛЕВА

<a href="http://..." title =" описание большой картинки" target="_blank"><img src="http://..."  title ="описание маленькой картинки" border="0" align=left style="padding-right:12px"></a>
.

   Во времена Возрождения роза - опять цветок любви, а в XVI-XVII столетиях она неожиданно становится эмблемой различных тайных обществ: вестфальских судилищ, обществ франкмасонов, розенкрейцеров. Конечно, тут вспоминается значение розы как эмблемы молчания - общества-то тайные! Античный бог молчания Гарпократ изображался в виде кудрявого мальчика с пальцем у рта - мол, тише... По легенде, бог любви Амур подарил Гарпократу белую розу, чтобы он помалкивал насчет слухов, которые ходили об Афродите... >>>

HTML код положения картинки в тексте  СПРАВА

<a href="http://..." title =" описание большой картинки" target="_blank"><img src="http://..."  title ="описание маленькой картинки" border="0" align=right style="padding-right:12px"></a>


   В HTML коде теги положения картинок в тексте выделены красным цветом.
   При щелчке на картинку в тексте она открывается в отдельном окне, поэтому в HTML коде  записываются два адреса картинки: 1 - большая картинка, 2 - маленькая картинка (в качестве подсказки, см. "описание..." - выделено в коде подчеркнутым шрифтом). Описание картинки это всплывающий текст при наведении курсора.
   Если не указать тег положения, картинка установится по умолчанию слева.
 
_________________________________________________________________________________   

Комментариев нет:

Отправить комментарий

Related Posts Plugin for WordPress, Blogger...