Публикация картинок

Код любой картинки в сети в простом варианте выглядит так:
<img src="http://%85/%85jpg">
Уникальный URL (http://…/…jpg) выдает картинке хостинг, куда ее необходимо закачать с компа.
Совсем “чайникам” рекомендую (для ЖЖ):
1.Открываешь ljplus.ru
2. Регистрируешься
3. Жмешь: КАРТИНКИ-ЗАГРУЗИТЬ-ОБЗОР-ЖМИ УЖЕ!
4.Смотришь на HTML-коды и копируешь нужный в поле поста или каммента
5. Постишь. Становишься знаменитым.
В каменты картинки ставятся аналогично, кат не работает.

Как сделать, чтобы текст «обтекал» картинку?
Легко — картинка слева, текст справа:
добавляем в код картинки:
align=left hspace=20
Код картинки примет вид:
<img src="http:%85" align=left hspace=20>
Помни:
align=left – картинка слева, текст справа
align=right — картинка справа, текст слева
hspace=20 — расстояние между текстом и картинкой 20 пиксел по горизонтали
vspace=20 — расстояние между текстом и картинкой 20 пиксел по вертикали
Код картинки с плавным обтеканием текстом справа и снизу (или сверху):
<img src="http:%85" align=left hspace=20 vspace=15>

Прекратить обтекание и вернуть текст под картинку можно тэгом <br>
Закрывать не надо, он работает один. <br> выполняет перенос на следующую строку. В блогсервисах и редакторах текста его заменяет нажатие Enter.
<br><br><br> — три пустые строки.

Вставить две и более картинки горизонтально:

Пример: /news.php Сайт о Заработке в Интернете


— все, заключенное в этот контейнер будет находиться на одной строке. Применять с осторожностью, можно деформировать пост.

Регулируем расстояние меж картинками по-горизонтали:
С помощью “неразрывного пробела”:  &nbsp;
Расстояние, равное 8 пробелам будет выглядеть так:


Вставляется меж кодов картинок, есс-но

Если надо всплывающую подсказку при наведении курсора на картинку, как здесь: — введите в код картинки title="ТЕКСТ"

Если надо цветную рамку , добавьте в код картинки:

— задана красная рамка толщиной 5 пикселей

Чтоб вставить картинку с другого сайта, вставьте в пост:


затем войдите в “Свойства” картинки на этом сайте, скопируйте ее URL и вставьте в код меж кавычек

Изменить размер картинки можно с помощью атрибутов width (ширина) и height (высота). Вставьте в код картинки, например, width=300 и ваша картинка будет шириной 300 пикселов, высота подгонится пропорционально. Браузер при этом все равно подгружает изначальную картинку, и если та весила 3МБ, то меньше не станет:)

Картинка слева от текста текста





КОД ДЛЯ ВСТАВКИ



Картинка справа от текста текста





КОД ДЛЯ ВСТАВКИ


УВЕЛИЧЕНИЕ КАРТИНКИ ПРИ НАВЕДЕНИИ МЫШКИ

КОД ДЛЯ ВСТАВКИ




Окошки для вставки Кодов:


Окошечко для вставки кода, типа:


Получится Так:


Где.rows и cols.Определяют размер окна

Можно сделать Так:

Код для Вставки

Кнопка ссылка на веб-сайт
Например на Mirzam,ru

Некоторые спецсимволы:

Спецсимвол Вид в браузере
&lt; <
&gt; >
&amp; &
&quot; "
&reg; ®
&trade;
&copy; ©
&hearts;
&times; ×
&asymp;
&bull;
&deg; °
(градус)
много символов

Перемещение картинок по вертикали