Журнал Линды

  ТЕКСТЫ  HTML.  Образцы и примеры.

<a href="http://clubs.ya.ru/4611686018427452447/" target="_blank"><img src="http://img-fotki.yandex.ru/get/4406/bunilin.5e/0_85c86_8d7b9487_M.jpg" width="100" height="100" title="УХ ТЫ!" alt=" УХ ТЫ!" border="0"/></a>

                     РЕЗУЛЬТАТ:

 

...текст под картинкой...

 

+++++++++++++++++
Обтекание картинки текстом.  КОД:

<span style="FLOAT: right; MARGIN: 0px 10px 10px 10px; WIDTH: 280px; CURSOR: hand; HEIGHT: 280px" alt=""><span style="font-family: Arial,sans-serif; font-size: 14px;">.......Т Е К С Т......</span></span>

++++++

Этот текст будет расположен над картинкой и сдвинут влево.

Этот текст крупный и раположен справа от картинки.


Этот текст находится под картинкой и сдвинут влево.

+++++код вставки фото из альбома Яндекса
<p><a href="http://fotki.yandex.ru/users/taj5555/view/283239/"><img src="http://img-fotki.yandex.ru/get/5602/taj5555.15/0_45267_f22de4b4_XS.jpg" alt="" border="0" height="50" width="50"></a></p>

+++++???Текст ссылки на файл на Народе2:

<"http://taj5555.narod2.yandex.ru/podarki/SHpionskaya_kepka.jpg">

+++++???

+++++???загрузка картинки с Народа2 ???

</strong><div class="cut-content"><strong><a href="http://taj5555.narod2.yandex.ru/podarki/SHpionskaya_kepka.jpg><img src=">

+++++Загрузка картинки с Народ2. Текст:
http://taj5555.narod2.yandex.ru/podarki/SHpionskaya_kepka.jpg

Результат:

http://taj5555.narod2.yandex.ru/podarki/SHpionskaya_kepka.jpg

+++++Жирный шрифт. Текст:

ВЫБИРАЙТЕ КАНАЛ И ВКЛЮЧайТЕ РАДИО!

+++++Ссылка под текстом. Текст:

<a href="http://taj5555.ya.ru/posts.xml?tag=9288347">Запись 1 -  Моменты истины, наблюдения и догадки.</a>

 
Результат:
Запись 1 -  Моменты истины, наблюдения и догадки.

+++++Цвет текста. Текст:
<span style="color: #ff0000;">..т е к с т ...</span>     (красный)
Результат:
..т е к с т ...(красный)

+++++Размер и тип  шрифта.
<div style="font-family: Arial,sans-serif; font-size: 24px;">Текст заданного размера ....</div>
Результат:

Текст заданного размера ....

+++++++++++++
Подсказка по наведению мышки. Текст:
<strong title="Тут пишем текст подсказки. Как видите - в кавычках">Привет!</strong></span>

Привет!
Результат:

................................................

???

Сразу предупреждаю - лучше всего смотрится на FireFox3.5++, остальные что то не дорабатывают. Про ИЕ вообще молчу - он не умеет ибо не поддерживает графику на браузере

..........................

КНОПКА ОТКРЫВАЮЩАЯ ССЫЛКУ

     

Кто ушел на фронт

"

надпись на кнопке

"
Ссылка обнимает некий объект DIV, который настраивается на выдачу надписи , сам при этом одевается симпатично..
   1. padding:5px 10px; - ширина поля вокруг текста
   2. border:1px black solid; - граница 1 пиксельная черная
   3. width:10em; - ширина 10 относительных единиц
   4. background:#ffe; - цвет фона
   5. text-align:center; - заставляет текст центрироваться
   6. -moz-border-radius: 5px; - радиус закругления
   7. -moz-box-shadow: 3px 3px 5px silver; - тень серая
Последние два свойства исполняются только в браузерах Моззилы. Для Сафари и Хромика - нужно использовать теже свойства но с префиксом -webkit вместо -moz Ну и надпись внутри Все вроде.
Отсюда:  http://clubs.ya.ru/4611686018427434017/replies.xml?item_no=205

...................................................

читать дальше

        РОЯЛЬ. Одна минута после смерти.   3 минуты

<param name="scale" value="noscale">..................<embed src="http://static.video.yandex.ru/lite-audio/andreznar/5fsk0vqet4.1202/" type="application/x-shockwave-flash" allowfullscreen="true" scale="noscale" height="72" width="300">

..................

+++++++++++++++++

        САКСОФОН  Fausto Papetti              50 мин. 

<object height="72" width="300"><param name="video" value="http://static.video.yandex.ru/lite-audio/andreznar/wit30dx76v.1505/"><param name="allowFullScreen" value="true"><param name="scale" value="noscale"><embed src="http://static.video.yandex.ru/lite-audio/andreznar/wit30dx76v.1505/" type="application/x-shockwave-flash" allowfullscreen="true" scale="noscale" height="72" width="300"></object>

..................

............ ROCK-N-ROLL 73 мин.

<div class="b-text"><img src="http://s17.rimg.info/682eec855cd6a73cb5390982172a3e44.gif" alt=""><img src="http://s17.rimg.info/682eec855cd6a73cb5390982172a3e44.gif" alt=""><p><img src="http://s7.rimg.info/ea1ea45e4d66c7f910f0fe5100fb33cb.gif" alt="" height="86" width="48"><embed type="application/x-shockwave-flash" src="http://static.video.yandex.ru/lite-audio/andreznar/6kvablypsn.1104/" scale="noscale" height="72" width="300"><img src="http://s7.rimg.info/ea1ea45e4d66c7f910f0fe5100fb33cb.gif" alt="" height="83" width="50"></p><p><img src="http://s2.rimg.info/4914a145aa7979b2936f836df084f451.gif" alt="" height="14" width="394"></p></div><div class="b-text"> 

++++++++++++++++

Речная прохлада.