Понедельник, 23.06.2025, 20:49
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Статьи про uCoz
  • Каким компаниям сегодня часто требуются переводы на турецкий
  • Как сменить регион аккаунта для оплаты через зарубежные карты
  • Как именно сегодня люди предпочитают смотреть футбол
  • Сможет ли «Краснодар» впервые стать чемпионом РПЛ? Отзывы экспертов!
  • В Беларуси стали популярны китайские авто
  • Когда люди заказывают фуршеты на заказ с доставкой
  • Как выиграть переговоры у поставщика
  • Как выиграть переговоры у поставщика
  • Как найти работу в Самаре?
  • Кто сегодня покупает мальков белого амура?
  • Разработка сайта
  • Что влияет на стоимость сайта?
  • Как самостоятельно создать блог без усилий
  • Как добавить карту сайта в Wordpress
  • В чем заключается SEO-продвижение сайта?
  • Продвижение ссылками – будет ли работать в 2015 году?
  • Программы обработки, сравнения и анализа прайсов
  • Комплексное продвижение сайта как основа репутационного маркетинга
  • У кого заказывать разработку сайта
  • Как создать интернет-магазин?
  • Наш опрос
    Лайкнули наши группы в соц-ых сетях?


    Всего ответов: 209

    установить такой вид опроса
    Статистика
    Яндекс.Метрика
    Онлайн всего: 9
    Гостей: 9
    Пользователей: 0


    Зарегистрировано 31246 (сегодня + 0 новых, вчера + 0 новых), В каталоге файлов 1130 материала(ов), Оставлено 5175 комментариев, На форуме создано тем и ответов.

    установить такую статистику

    Блок CW результаты

    Победы
    Победы(10)

    Поражения
    Поражения(5)


    Установить CW блок на свой сайт
    Внимание!
    Наш сайт адаптирован под браузер Mozilla Firefox
    скрипты для uCoz
    Скачать/Download
    В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

    установить такой блок
    Расскажи Друзьям!
    Комментарии
    Новость: Новый вид опроса на CSS by Winston888
    Денис Замятин написал:
    Епрст надо было не удалять родной код ,апросто встаыить скрипт ниже его)))))
    Новость: Новый вид опроса на CSS by Winston888
    Денис Замятин написал:
    Не найден обязательный параментр Quetions. Короче не робит
    Новость: Фото галерея для сайта укоз - модуль фотоальбомы uCoz
    Sultanbek Ajdos написал:
    Не убрать календарики правильно
    Понедельник, 22 ноября 2010 г.
    Не убрать календарики правильно
    Понедельник, 22 ноября 2010 г. Поставь правильно
    Не убрать календарики правильно
    Новость: Фото галерея для сайта укоз - модуль фотоальбомы uCoz
    Sultanbek Ajdos написал:
    Отрывные календари 2022 г.
    Карманные календарики 2010 г.
    Новость: Фото галерея для сайта укоз - модуль фотоальбомы uCoz
    Sultanbek Ajdos написал:
    Не убрать календарики правильно
    Понедельник, 22 ноября 2010 г. Поставь правильно
    Не убрать календарики правильно

    Читать все комментарии
    Топ комментаторов

    установить такой информер
    VKONTAKTE

    FACEBOOK
    Главная страница » Помощь Вебмастеру » Категория Учебник HTML » Добавлено [19.06.2013, 15:12]

    <img> тэг картинки в языке HTML

    Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!]

    Добро пожаловать в наш учебник Html для веб-мастеров сайтов uCoz. В нашей сегодняшней теме, Мы рассмотрим очень часто используемый тэг языка HTML, а именно речь пойдёт о тэге <img> при помощи которого на сайт добавляют картинку. Например, на сайте компании ROOMDOM, которая предлагает производство лестниц из дерева на самом высоком уровне и качестве по конкурентоспособным ценам на своём портале очень часто использует коды <img>, чтобы продемонстрировать своим клиентам фотографии их товара.

    Сразу хочу отметить, что этот тэг не нужно обязательно закрывать и тэг </img> не используется. Конечно же, чтобы использовать тэг <img> Вам будет необходимо для начала загрузить саму картинку на хостинг и получить прямую ссылку до неё, поэтому открывайте свой файловый менеджере Вашего сайта uCoz и загрузите картинку. Например у Вас получилась такая ссылка до картинки - http://cobra.lv/icons/twitter_follow_me.png , далее смотрите на пример использования тэга <img> :


    Пример кода HTML для вывода картинки:

    <img src="http://cobra.lv/icons/twitter_follow_me.png">

    выглядеть это будет так :



    Теперь Вы знаете как написать тэг HTML, чтобы появилась картинка. Но давайте ещё рассмотрим возможности форматирования и изменения некоторых параметров у картинке.

    Пример кода HTML для вывода картинки с определённым размером (шириной и высотой), а так же отступами от краёв и выравнивание по определённому месту:

    <img style="margin: 1px 4px 2px 3px;" alt="название картинки" src="http://cobra.lv/icons/twitter_follow_me.png" align="middle" height="40" width="200"

    (width="200" это ширина картинки, height="40" высота картинки, align="middle" центровка текста по отношению к картинке в середине, margin: 1px 4px 2px 3px;" это отступы от краёв в пикселях, alt="" это название самой картинки)


    выглядеть это будет так :




    Теперь Вы умеете вставить в свои шаблоны картинку при помощи HTML кода и даже изменять его настройки ширины, высоты и отступов! Удачи в дальнейшем изучении не сложного языка программирования веб-сайтов HTML!




    При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и <img> тэг картинки в языке HTML



    Расскажи друзьям интересные новости:


    - Установить на свой сайт блок социальных закладок
    Категория: Учебник HTML | Добавил: scripts_for_ucoz | Теги: тэг img, учебник, html учебник, тэг, img, hmtl
    Просмотров: 5393 | Загрузок: 0 | Комментарии: 3 | Рейтинг: 5.0/1
    Всего комментариев: 2
    2 Aragorn3092   (24.06.2013 16:27) [Материал]
    Понятно smile

    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Для добавления необходима авторизация

    По вопросам сотрудничества и рекламы пишите на почту rusalex11@live.com Хостинг от uCoz