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

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

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

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

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

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

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

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

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

HTML-тег img.

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

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

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

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

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

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

Расскажи друзьям:
Поделись ссылкой:
Комментариев нет, но вы можете стать первым!

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

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

Навигация по статье