28 декабря 2010 г.

HTML-теги для вставки изображений



Зачем нам все эти HTML-теги, если есть в редакторе значок, вставляющий изображение?


Дело в том, что не всегда этим способом можно воспользоваться.Бывает так, что без HTML-тегов не обойдешься. В дальнейшем Вы в этом убедитесь на практике.

 Итак, как опубликовать картинку в сети?

Для нее необходимо составить специальный код. Он выглядит следующим образом:



где вместо http://…jpg нужно поставить адрес картинки в интернете. Например, если у вас есть красивая картинка на компьютере, то для того, чтобы загрузить ее в интернет, необходимо задействовать какой-то файлообменник. Многие пользуются  Радикалом. 


Там, где написано "Загрузка изображений" выбираете "С компьютера" или "Из интернета" и нажимаете "Обзор", выбираете картинку и жмете "Загрузить".
Для того, чтобы сделать обтекание текста, необходимо изменить код картинки следующим образом:

где left значит, что картинка будет прижата к левому краю. Если необходимо прижать картинку к правому боку поменяйте на right
15 - это растояние (количество пикселей) от картинки до текста vspace - по горизонтали, hspace- по вертикали.
 Обтекание можно остановить тегом 



что значит "с новой строки". Это одиночный тег, он не требует закрытия.

Также картинку можно сделать плывущей справа налево, для этого делаем следующий код:




Можно сделать так, чтобы картинка имела ссылку на страницу в интернете. Для этого ее код нужно сделать следующим образом:




После первого http вставляем адрес страницы в интернете, после второго - адрес изображения в сети.
Вот так будет выглядеть ваша картинка после всех приведенных операций




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




Успехов!

1 коммент.:

Ирина Казановская комментирует...

Очень доступно и понятно.Спасибо за простой язык объяснения!

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