Добавление изображения на сайт (html)

Автор Lyudmila Yeriomenko
Добавление изображения на сайт (html)

Всем привет.

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

Терем одиночкой не требуется закрывающий так и открывающий он как бы один просто ставить.

Если в конце и всё в общем-то. Нам сейчас ещё нужно добавить атрибут. Как раскрасить он предназначен для того чтобы указать путь к самой картинки. Ну в самом изображению давайте мы так и сделаем, а я уже изображение. Вот это. Папочка с изображением изображение называется 123, что чтобы указать путь к нему мы должны написать сначала название папки дали через флешку указывать название картинки и ставим точку мы пишем формат картинки вот в общем-то сохраняем, но и. Давайте что-ли проверим. А вот вот получилось смотрите у нас получилось довольно-таки большая картинка и как бы, но мне кажется, что такое картинка на сайте будет не очень удобно. Хотя я думаю так будет казаться в принципе да. Красиво конечно можно так вот смотреть. Но — это по-моему неудобно совсем неудобно так, что давайте мы сейчас — это исправим нам понадобится 23. Будда уинч и набрать сначала пишем. Давайте здесь постоянно 50% вых так равно кавычки. Здесь тоже скорее всего после 50% так чтобы не заморачиваться с каждым и. Что смотрим обновляем всё вот наша картиночка я вот как она красиво выглядит. Ну можно ещё конечно побаловаться там и немного поделай что-нибудь по-другому я прям можно в пикселях например смотрите. Давайте поставим высота у нас будет 200 пикселей, а ширина пусть будет ну сохраняем и. Ой блин извиняюсь немного не так надо было делать немного нолик забыл. Да всё отлично. Вот у нас получается такая вот картинка красивенькая на нашем сайте. Ну можно конечно сделать с помощью там других атрибутов. Ну в общем-то. Я думаю — это уже знаете. Ладно давайте ещё я вам покажу, что можно сделать с этим изображением можно подсказку как я сказал в прошлом видео вот этот атрибут у нас делает подкачки так. Ну давайте какую-нибудь парочку сделал например наводя курсор мыши на картинку будет писаться по сказочка. Привет Давайте проверим и так, что вот навожу на картинку и у нас везде появляется. Привет Альбина куда угодно машину везти будет везде показываться под сказочка. Привет Что еще можно добавить. Мы ещё можно буток Alt этот атрибут ой извиняйся этот атрибут того чтобы вот например смотрите у вас картинка. Не прогрузилась ну просто вот на сайте на картинка не прогрузилась или что-нибудь ошибка какая-нибудь и вместо этой картинки показывает то, что вы написали в атрибуте Alt например ну изображение. Ну вот так вот как-нибудь изображение может быть открыта. Давайте сохраняем и проверяем. Ну да блин извиняюсь ещё сколько раз уже светился так. Ну давайте сейчас мы как-нибудь исправен там ну сделаем ошибку в нашем пути картинки сейчас звонил и. Давайте вот смотрите у нас картинка не смогла открыться, но подсказках всё-таки есть вот изображение не может быть открыт вышла — это сообщение. Ну ещё. Кстати кто кто не знает можно вместо ссылки. Ну Точнее говоря вместо пути картинки в ваших файлах можно ещё сделать ссылку на картинку взято из интернета давайте сейчас найду купить картинку и, тогда вернёмся. Так, что вот здесь у нас картинки давайте мы ещё что-нибудь найдём. Так, что у нас тут есть такого интересного. Ну давайте какую-нибудь a505 город мост. Давайте её точнее. Скопируй адрес изображением и мы должны его вставить. А вот сюда вместо всего, что у нас было вписано. Так ну, что ж. Давайте проверим так берём обновляем всё. Как вылетел нас появилась. Вот — это изображение также можете его там по пикселям по процентам. Но — это в общем-то на ваше усмотрение я вам сказал ну основы можешь сказать этого всего потому, что ну там много ещё есть атрибута всяких, но имя. Возможны ли пользоваться как бы они не такие важные малозначительные. Так, что лучше даже не заморачивайтесь по этому поводу вот этих атрибутов вполне хватит. Да ну, а на этом всё. Всем спасибо за просмотр. Не забывайте подписываться на канал на группу. ВКонтакте которая из посылки описание, но и всем удачи всем пока.

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

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