Как оформить текст

Оформляем текст и картинки



   

ВЗЯТО ОТСЮДА

Картинка обтекаемая текстом

Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения vspace="10" и hspace="10"- это всего навсего расстояние от картинки к тексту вправо и вниз, можно их менять, по вашему вкусу. Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения vspace="10" и hspace="10"- это всего навсего расстояние от картинки к тексту вправо и вниз, можно их менять, по вашему вкусу.


Код обтекания картинки текстом

Код:

<img src="httр:адрес картинки"  align="left" vspace="10" hspace="30" alt=>"здесь нет картинки, хотя должно быть  изображение. Какое оно будет, решать вам"

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

Снова пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже. Снова предупреждение в постах, картинка не должна превышать размер 200 в ширину иначе просто снова уйдет вверх.Снова пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже. Снова предупреждение в постах, картинка не должна превышать размер 200 в ширину иначе просто снова уйдет вверх.

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

Код:

<img src="URL адрес картинки" align="left" border="0"> И снова пишем свой текст, или стихотворение, или.... придумали? молодцы!

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



Все правила написания для правой стороны такие же , как и для левой.
Код для картинки справа:

Код:

<img src="URL адрес картинки"  align="right" border="0">Пишем свой текст, что напишем, то и увидим

Картинка в центре текста:

Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным,Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным,Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным, и как бы обкутывало вашу картинку. Поэтому, часть текста вверху, часть внизу и создают такой эффект.и как бы обкутывало вашу картинку. Поэтому, часть текста вверху, часть внизу и создают такой эффект.и как бы обкутывало вашу картинку. Поэтому, часть текста вверху, часть внизу и создают такой эффект.



Код для картинки в центре текста:

Код:

Первая часть текста <img src="URL адрес картинки" align="middle" border="0"> Вторая часть текста.

Текст между двух картинок

Чтобы текст лег красиво, нужно, чтобы картинки были по длине больше, чем по ширине, если текст выйдет за рамки рисунков, он уйдет вниз.Чтобы текст лег красиво, нужно, чтобы картинки были по длине больше, чем по ширине, если текст выйдет за рамки рисунков, он уйдет вниз.Чтобы текст лег красиво, нужно, чтобы картинки были по длине больше, чем по ширине, если текст выйдет за рамки рисунков, он уйдет вниз.

Код для текста между двух картинок

Код:

<table align=center border=0>
<tr>
<td><img src="URL адрес КАРТИНКИ"></td>
<td>Текст, который красиво расположится между картинками.</td>
<td><img src="URL адрес КАРТИНКИ"></td>
</tr>
</table>

Картинка между текстом

Красиво получается, когда картинка находится между текстом, как-то необычно.

Главное, чтобы текст соответствовал, и картинка отражала его суть. Остальное - полет фантазии

Код для картинки между текстом

Код:

<table align=center border=0>
<tr>
<td>ТЕКСТ</td>
<td><img src="URL адрес КАРТИНКИ"></td>
<td>ТЕКСТ</td>
</tr>
</table>

Как сделать, чтобы текст «обтекал» картинку?

Например, картинка слева, текст справа: добавляем в код картинки: align=left hspace=20

Код картинки примет вид:

Код:

<img src="http:…" align="left" hspace="20" />

Помни: align=left – картинка слева, текст справа

align=right - картинка справа, текст слева

hspace=20 - расстояние между текстом и картинкой 20 пиксел по горизонтали

vspace=20 - расстояние между текстом и картинкой 20 пиксел по вертикали

Код картинки с плавным обтеканием текстом справа и снизу (или сверху):

Код:

<img src="http:…" align="left" hspace="20" vspace="15" />

Прекратить обтекание и вернуть текст под картинку можно тэгом

Код:

 <br />

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

Код:

<br /><br /><br />

- три пустые строки.

Как сделать бегущую строку?



Бегущая влево строка бегущая влево

Код:

<marquee>ВАШ ТЕКСТ</marquee>

Бегущая вправо строкабегущая вправо

Код:

<marquee direction="right">ВАШ ТЕКСТ</marquee>

Бегущая от края к краю строкабегущая от края к краю

Код:

<marquee behavior="alternate">ВАШ ТЕКСТ</marquee>

Как сделать бегущую картинку?

Код:

<marquee><img src="адрес картинки"></marquee>

-
Просто вставьте между кавычками ссылку вашей картинки (http:// и т.д.)

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

Код:

<form action="АДРЕС страницы" method="get"><button style= type="submit"><img src="Адрес картинки"></button><input type=hidden name=tok value=7872c9732c30ebf0d540cbe7c835019f /></form>

Текст на кнопке

Код:

<form action="АДРЕС страницы" target="_blank" method="get"><input type="submit" value="Название кнопки"><input type=hidden name=tok value=7872c9732c30ebf0d540cbe7c835019f /></form>

Текст и картинка на кнопке

В ПОМОЩЬ НОВИЧКУ

Код:

<form action="Адрес страницы" target="_blank" method="get"><button type="submit"><img src="АДРЕС КАРТИНКИ" align=absMiddle> TEКСT</button><input type=hidden name=tok value=7872c9732c30ebf0d540cbe7c835019f /></form>

Рамка с разрывом Картинки

Опубликован состав участников 3-го этапа юниорского Гран-при в Йокогаме (Япония), который пройдёт с 7 по 9 сентября 2016 года.

От России заявлены Софья Самодурова, Анна Тарусина, Алексей Ерохов, Артём Ковалёв, танцевальные дуэты Софья Полищук — Александр Вахнов, Анастасия Шпилевая — Григорий Смирнов.

Код:

<fieldset><legend><img src="АДРЕС КАРТИНКИ "></legend>ВАШ ТЕКСТ</fieldset>

Рамка с разрывом Текста

Добро Пожаловать

Искрометный-заводной и немного несерьезный форум поклонников олимпийской чемпионки Татьяны Навки и фигурного катания!

Код:

<fieldset><legend>Запись в разрыве</legend>Основная запись</fieldset>