Среда, 20.03.2019, 14:19
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Наш опрос
Лайкнули наши группы в соц-ых сетях?


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

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


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

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

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

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

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


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

установить такой блок
Расскажи Друзьям!
Комментарии
Новость: Игровые автоматы Вулкан казино онлайн бесплатно
написал:
http://volpavsen.usite.pro/
Новость: Контент в uLightbox uCoz + стили CSS для uCoz
Сергей Пахомов написал:
Можете подсказать а как в приведённый CSS добавить border-radius
Новость: Просмотры и посетители для вашего сайта БЕСПЛАТНО
Aleksandrs написал:
ну кто уже получает посетителей для своего сайта? у кого сколько кредитов?
Новость: Похожие новости $RELATED_ENTRIES$ внутри полного текста новости $MESSAGE$ на uCoz
написал:
Еще можно такой вариант, повторяю, только после (не удаляя $MESSAGE$)

<br><legend><img src="http://img15.lostpic.net/2018/12/27/19e957f8a56dd9216e82c18319ba85aa.gif"</legend>
<b><?substr($MESAGE$,0,550)?>
<?$RELATED_ENTRIES$(8)?>
<?substr($MESAGES$,550,50000)?></b>

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

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

1 Aragorn3092   (20.06.2013 18:08)
По моему это можно сделать и в ФМ загрузив туда картинку и выбрать HTML код

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

Хостинг от uCoz