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

ВИДЕОКУРС HTML. УРОК 33.

Рубрикатор статьи

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

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

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

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

Видеокурс "Технические секреты групп Вконтакте" доступен для скачивания!

Не получается сделать меню в группе Вконтакте? Устали платить другим за добавление меню в Вашу группу? Хотели бы научится всем техническим тонкостям и экономить свои деньги? Тогда скачайте курс прямо сейчас!

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

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

HTML-тег img.

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

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

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

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

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

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

Видеокурс "Технические секреты групп Вконтакте" доступен для скачивания!

Не получается сделать меню в группе Вконтакте? Устали платить другим за добавление меню в Вашу группу? Хотели бы научится всем техническим тонкостям и экономить свои деньги? Тогда скачайте курс прямо сейчас!

VN:F [1.9.22_1171]
Оценка статьи: 0.0/10 (0 голосов)
Автор: Михаил Веб Дата публикации: 21.04.2014