ГЛАВНАЯ СТРАНИЦА | ВХОД
Свой блог я хочу посвятить таким же новичкам в сети, каким являюсь и я.
Здесь я буду делиться с вами всем тем, чему я научился за время существования моего блога.
И пусть опытные Веб-мастера не удивляются банальности моих тем, ведь я еще сам "чайник", поэтому и делиться советами буду прежде всего с такими же новичками, как и я.
Надеюсь, что мои советы кому-то помогут.
С уважением, Алексей

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>
 



На DNGS.ru находится доска бесплатных объявлений.
Postcard KMOST.INFO предлагает вам множество POSTCARD - открыток

На сайте musical-market.ru осуществляется Продажа музыкальных инструментов в Москве.

С этой темой еще читают:

11 комментариев:

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

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

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

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

    ОтветитьУдалить
  5. )) Да походу тут реально дело плохо)

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

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

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

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

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

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

    ОтветитьУдалить

В комментариях оставляем мнения и советы к данной статье. Все вопросы задаем ТОЛЬКО на ФОРУМЕ. Отвечаю и стараюсь помочь всем!