Пятница, 19.04.2024, 16:56
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Статьи про uCoz
  • Заказать отзывы на АВИТО у компании Upgrating
  • Что чаще всего рекламируют на билбордах в Санкт-Петербурге
  • Преимущества взрывозащитных тепловентиляторов
  • Интересные факты о майнинге криптовалют
  • Как производится регистрация прав интеллектуальной собственности
  • 5 типичных неисправностей ноутбуков
  • Многофакторная аутентификация как сервис
  • Основные преимущества переезда в Севастополь
  • Почему тонировка автомобилей так популярна
  • Почему оффшор Сент-Винсент популярен у бизнесменов
  • Разработка сайта
  • Что влияет на стоимость сайта?
  • Как самостоятельно создать блог без усилий
  • Как добавить карту сайта в Wordpress
  • В чем заключается SEO-продвижение сайта?
  • Продвижение ссылками – будет ли работать в 2015 году?
  • Программы обработки, сравнения и анализа прайсов
  • Комплексное продвижение сайта как основа репутационного маркетинга
  • У кого заказывать разработку сайта
  • Как создать интернет-магазин?
  • Наш опрос
    Пользуетесь ли вы Поиском?


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

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


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

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

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

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

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


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

    установить такой блок
    Расскажи Друзьям!
    Комментарии
    Новость: Простое серое меню для uCoz
    NataliShaman написал:
    Приветствую!
    кнопочки мне понравились... только совсем не понимаю - куда именно конкретно вставлять? в какое место в CSS? на каждой странице это делать или один раз установится для всего сайта? у меня шаблон 1088... помогите с установкой, пожалуйста...
    Новость: Простой слайдер новостей и фото изображений на uCoz
    Светлана Кулешова написал:
    Скажите, пожалуйста, а где прикрепленный архив со скриптами?
    Новость: Современные казино онлайн. Как можно выигрывать деньги?
    папап папап написал:
    зарабатывать в интернете может каждый, хочу порекомендовать статью где Вы научитесь это делать играя в казино , заходи смотри http://podshipnik-servis.ru/forum/pyat-prichin-zachem-nuzhno-poprobovat-onlayn-kazino
    Новость: Максимальные выигрыши в казино
    Максим Леонков написал:
    Добрый день, хочу поделиться информацией которая мне помогла зарабатывать в онлайн казино.http://www.rpgarea.ru/news-2890-kakie-bonusi-onlayn-kazino-bivayut-i-gde-ih-nayti.html Например какие какие бонусы онлайн казино бывают и где их найти? где найти казино с лучшими бонусами, Виды бонусов в онлайн казино, какие подарки в клубах бывают для новичков – выдают за регистрацию и активных посетителей – различные акции и пр.Заходи, читай,зарабатывай!

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

    установить такой информер
    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
    Просмотров: 5057 | Загрузок: 0 | Комментарии: 3 | Рейтинг: 5.0/1
    Всего комментариев: 2
    2 Aragorn3092   (24.06.2013 16:27) [Материал]
    Понятно smile

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

    Хостинг от uCoz