SdelaemBlog

Создание Сайтов и их настройка

Вставка изображения в HTML.

Главная Статьи HTML & CSS ВидеоКурс HTML Вставка изображения в HTML.

Приветствую уважаемые друзья. Сегодня начнем изучение изображений.

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

В этом видео мы познакомимся с изображениями. Узнаем, как делается вставка изображения в HTML? Какой HTML-код изображения? То есть, какой тег используется, какие параметры при этом мы должны использовать обязательно. А таковые имеются. Кроме того ответим на вопрос как указать размер изображения и как при этом ведет себя картинка на странице. В общем, все, что касается изображений в HTML.

Вставка изображения в HTML.

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

Тема изображений лично для меня самая интересная в HTML, так как именно при вставке изображений на страницу мы визуально видим преображение нашей страницы. Да это та же структура никакого CSS и близко нет, однако уже становится интереснее.

HTML-тег img.

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

Что касается размеров изображения то все просто. Чтобы указать размеры изображения необходимо использовать два параметра для указания высоты и ширины. Или только один параметр. При этом HTML-изображение будет уменьшено не только по указанному параметру, например ширине, но и по высоте пропорционально ширине.

В общем, все это и многое другое мы разберем сегодня.

Видео урок: Вставка изображения в HTML.

HTML-справочник и другие материалы можно и нужно скачать здесь!

В следующем видео уроке мы продолжим разбирать различное использование изображений в HTML. Будет еще интересней и сложней. И для начала познакомимся с картой изображений и атрибутом ismap.

Оставьте свой коммент
ДОСТАВКА СТАТЕЙ ПОЧТОЙ, на дом

Ознакомьтесь с условиями хранения ваших данных

Комментариев пока нет, но вы можете стать первым!

Чтобы оставить комментарий, заполните, пожалуйста форму ниже:

Смайлы

Нажимая на кнопку "Комментировать" Вы согласшаетесь с условиями политики конфиденциальности

Обязательно для Заполнения!

Обязательно для Заполнения!

Проверка комментариев включена. Прежде чем Ваши комментарии будут опубликованы пройдет какое-то время.

Отправить жалобу разработчику сайта

Если у Вас возникли проблемы, не стесняйтесь отправлять жалобу, она обязательно будет учтена и все будет исправлено.

[contact-form-7 404 "Not Found"]

Спасибо большое за поддержку проекта! :)

Для поддержки проекта, выберите убодный способ для оплаты: