HTML #9 | Изображения | ПОЛНЫЙ КУРС

Автор Lyudmila Yeriomenko
HTML #9 | Изображения | ПОЛНЫЙ КУРС

Всем привет.

С вами до. Сэндлер Сегодня мы разберем о том как добавлять изображения на вас на ваш сайт — это уже будет немного необычным потому, что вот она просто с текстом работали сейчас будем работать уже с изображениями давно нужен тег. Н1 этот текст не сделает.

Как видите этот тех не нужно покрывать.

Вот — это будет. Неправильно потому, что картинку не нужно писать никакого текста. Она просто есть объект. Поэтому имидж. Одиночный тег. Но для того чтобы она начала что-то отображать нам нужно добавить атрибут KFC записать путь к нашей картинку которую мы хотим отобразить я изначально значит в папке в которой находится насос. Темой файл я создал ещё какой-нибудь и у неё поместил файл. КТТС вот и можно отлично файлы именно провести путь. МГТС ПК если вы не знаете как писать пути это, что делаете вообще на этом курсе возможно сделаю вид видео по поводу того как писать такие пути. Что значит относительно абсолютный путь. Как делать вверх-вниз дерево файлов пока, что вот — это путь к нашему файл укэп. теперь посмотрим так видите изображение добавилась она теперь у нас вот так вот выглядит размер зависит от того какой размер там у самого изображения в пикселях. Но мы его можно менять. Мы можем поставить умеет который будет если записать ширину в пикселях допустим 130 пикселей и высоту допустим 200 пикселей и. Отмените на шее изображение исказилось потому, что высоту мы повторили больше чем в ширину. Ну, а так было изначально там потому по-другому было мы можем стать чисто. Одну одну из-за ширину и высоту с моим поставить. А высоту он в данном случае компот строит подставить ширина 135 серия высота у него такое чтобы она не исказилось либо можно поставить именно в высоту 130 пикселей. И теперь у нас высота 130 пикселя, а ширина сама построилась слишком большой размер там немножко побольше. Да она появится горизонтальный скролл также мы можем выражать в процентах допустим 100% по высоте будет означать. А куда она же будет значит является — это не работает потому, что там нужно всё хорошо сделать. Ну вот ширина если мы укажем ширину 100% тон сделать так чтобы его ширина занимала полную страницу. Ну вот эти белые пропуске между изображениями страница — это многими их помощью CSS можно убрать по сути убрать мое сердце по ширине в 100%. А если напишу просто стол, что — это будет в пикселях как меня этим вот — это по поводу размера также. Бывает такое, что картинка она не загружается то есть интернет плохой или пусть неправильный и вот такой вот происходит то есть непонятно, что находится в беда проблемы на такой случай можно ставить запасной вариант, что вместо того чтобы картинка загрузилось была написана какая-то надпись объясняющая страна картинки записывается в атрибут ALT таким вот образом. И теперь я если у нас картинка вдруг не отобразилась будет написано. Котик, а если она отобразилось, что мы не увидим этой надписи очень хорошим тоном является добавлять этот атрибут всем советуют. Не рекомендуют денег на рекламу не покупал — это было тупо. Ну да ладно давай одевайся значит. А в принципе в принципе изображение всё я хочу вам показать хороший совет и возможность так — это делать как бы ссылку в виде изображение. Давай ссылку так ссылка то есть мы можем что-то написать — это будет ссылкой она будет переход на. Гугл, но мы можем вместо вот этой надписи внутри мы можем сходить туда отношениях Imagine вот таким образом. Всё теперь у нас будет самым самым он у нас будет ссылкой. она начала котёнка на будет открываться Google — это всё там тоже ссылка просто. Вместо неё у нас поставлена картинка анитекс то есть мы можем также написать. Таргет бланк иностранного будет открываться таким вот образом. Как видите. Ну ладно в общем всем пока думаю всем понятно всем. До скорой встречи.

0 комментариев
0

Читайте также