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

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

<img src="http://…jpg">

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


Для того, чтобы сделать обтекание текста, необходимо изменить код картинки следующим образом:

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

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

Обтекание прекратится тегом <br>, что значит "с новой строки". Это одиночный тег, он не требует закрытия.


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

<marquee><img src="http://…jpg"></marquee>


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

<a href="http://…../"> <img src="http://……jpg"/> </a>

После первого http вставляем адрес страницы в интернете, после второго – адрес изображения в сети.


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

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

<marquee> <a href="http://..(адрес сайта)…."> <img src="http://..(адрес изображения в интернете)…..jpg" /> </a></marquee>

This entry was posted on Суббота, Сентябрь 19th, 2009 at 4:12 пп and is filed under HTML теги. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

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

  1. stels117.75:

    Здорово) Очень полезная информация, особенно для новичков. Я постоянно забываю тэг бегущей картинки. Теперь запомнила его тоячно.

  2. Overclocker:

    Согласен, иногда бывают провалы в памяти, а рыться в учебниках совсем не хочеться! p.s глупый вопрос: можно сделать картинку плывущую слева направо?

  3. Amelie:

    Я в интернете, можно сказать, чайник.Прочла статью несколько раз и уменя вопрос-значит нажимая на картинку,я буду переходить дальше по ссылке которая хранится в ее коде?

  4. Алексей:

    Да, вы нажмете картинку и попадете на ту страницу, на которую указывает ссылка.

  5. (ZiBBiT):

    )) Да походу тут реально дело плохо)

  6. Алексей:

    (ZiBBiT, сюда обращаются люди, которые действительно начинающие. Я был несколько месяцев назад таким же, абсолютно ничего не знал. Хоть сейчас и ненамного продвинулся в знаниях, но пытаюсь помочь им тем, чем могу)))

  7. Алексей:

    Overclocker, извините, плиз, но я не всегда успеваю чиатть все комментарии. Сейчас отвечаю: можно! Стоит лишь заменить marquee на marquee direction="right"

  8. Gansik:

    mаrquee уже давным давно считается не валидным и не используется в веб разметке. Попробуйте проверьте любым валидатором

  9. Алексей:

    Чем это грозит? Я же чайник))) Правда, скажите.

  10. Мария Егорушкина:

    Добрый день, Алексей. У меня проблема такого рода. Моя вставленная картинка на блоге (или смайлик), при наведении курсора на неё открывается сайт, откуда я взяла эту картинку. где и что надо изменить, чтобы этого не было? Спасибо.

  11. Алексей:

    Мария Егорушкина, в комментариях высказывают только мнения и дают советы. На вопросы отвечаю ТОЛЬКО на форуме! Отвечаю всем, помогаю по возможности ;)

  12. Бесплатные программы:

    Полезная статья, особенно для тех кто не разбирается HTML

Прокомментировать запись: