Как сделать, чтобы текст «обтекал» картинку?
Если хочешь чтобы картинка была слева, а текст справа, код картинки примет вид:
<img src="http:…" align=left hspace=15>
Помни:
align=left – картинка слева, текст справа
align=right – картинка справа, текст слева
hspace=15 – расстояние между текстом и картинкой 15 пиксел по горизонтали
vspace=15 – расстояние между текстом и картинкой 15 пиксел по вертикали
Код картинки с плавным обтеканием текста справа и снизу (или сверху):
<img src="http:…" align=left hspace=20 vspace=15>
Прекратить обтекание и вернуть текст под картинку можно тэгом <br>
Закрывать не надо, он работает один. <br> выполняет перенос на следующую строку. В редакторах текста его заменяет нажатие Enter.<br><br><br> – три пустые строки.Вставить две и более картинки горизонтально на одной строке:
<nobr>Текст (картинки)</nobr> все, заключенное в этот тэг будет находиться на одной строке. Применять с осторожностью, можно деформировать текст.
Регулируем расстояние между картинками по-горизонтали:
С помощью «неразрывного пробела»:
Расстояние, равное 8 пробелам будет выглядеть так:
Его нужно вставлять между кодов картинок.
Сделать всплывающую подсказку при наведении курсора на картинку, как здесь: – введите в код картинки title="Ваш текст"
Изменить размер картинки можно с помощью атрибутов width (ширина) и height (высота). Вставьте в код картинки, например,width=300 и ваша картинка будет шириной 300 пикселей, высота подгонится пропорционально. Браузер при этом загрузит изначальную картинку.
Удачи!