Курс HTML - Урок №06. Изображения.

961 ratings | 116291 views


Курс HTML - Урок №06. Изображения.

Бесплатный миникурс «Домен и хостинг» — Рейтинг хостингов: Блог Евгения Попова: В этом видеоуроке вы узнаете о способах вставки изображений в вашу html-страницу. Ссылка на дополнительные материалы к курсу HTML (один архив ко всем урокам курса):

Comments to the video: Курс HTML - Урок №06. Изображения.

Tatiana Svitlichnaya 1 month ago
Спасибо за курсы. Всё выходит, всё понятно.
Ігор Мельник 3 months ago
Ну что уже я не делаю - не выходит нечего: и переносил папки, и переписывал код - ничего.
Nataly Dibrova 4 months ago
Ребятки, еще одинешенек момент: папки должны быть подписаны английскими знаками. У меня одна из папок (в которой находился файл index.html и папка images) была подписана на российском, потому браузер не показывал картину. Сделала заглавие на британском и сейчас все ОК. Не знаю отчего этак, нам об этом в универе гласили, истина там прога была другая, однако и тут сработало!
Евгений Горицын 7 months ago
please check whether if this file is opened in another prrogram такая вот неувязка
еврей еврей 8 months ago
для тех у кого не выходит воткнуть картину.у меня сначала тоже не выходило,что лишь не перепробовал,и старенькую и новейшую версию html использовал,вообщем не желало выдавать.кароче психанул,удалил файл html и пошел почивать.на последующее утро встал и писал веб-сайт поновой,вышло с первого раза.этак что попытайтесь выслать файл и по новейшей приступить
sergiy mostyuk 9 months ago
а если длинноватая ссьілка на изображение,ее можна разрьівать,перенося на новейшую строку?
Конь В Капкане 11 months ago
смотрите в 1.25!!
Максим Сло 11 months ago
Добрый денек Евгений. Сделав таблицу у меня таблица повсевременно книзу уползает Под полный иной текст ( под сылки) Куда бы таблицу не вставлял
Takenu_ Yamakashi 11 months ago
нету у меня индексного документа,откуда вы его взяли?
Sergey Labunets 1 year ago
Всё вышло, хоть и не с первого раза. Радости полные брюки. 29 лет, еееееееееееееееееее:)
Заработок в интернете 1 year ago
Спасибо Евгений!!! Все понятно и доходчиво обьясняете!!!
Gibrenno 1 year ago
отчего у меня фото не отображаюстся((
Gibrenno 1 year ago
фотоне отоброэаются )
Александр Я 1 year ago
скорей итого промах в атрибуте src.
English Together 1 year ago
картина у меня не открываеться будто как будто все делаю верно,помогите изволь
Liberty 1 year ago
Если дудки рисунки - расположите папку images в папку с index.html и все будет отлично! А Евгению - большущее благодарю! У Вас дарование к преподаванию.
Erik Martirosyan 1 year ago
это реально посодействовало
Антон Сурыгин 1 year ago
а что мастерить, если картина перевернута? будто ее переворотить на веб-сайте? в системе она раскрывается нормально а на веб-сайт вылазит боком
Саша Абакаров 1 year ago
Кинь целый код
СТАВКА В ПЛЮС 1 year ago
Евгений, благодарю за высококачественные уроки!
Максим 1 year ago
<img src= images/alarm.JPG width= 307 height= 450 alt= будильник > ПОДСКОЖИТЕ НЕ ВИДНО КАРТИНКИ
Вместе c Mixalex1410 1 year ago
Картинку нужно скачать потом этого сделать папку с хоть каким именованием и туда пристроить эту картину и написать src= заглавие папки/заглавие рисунки все
Анна Птушко 1 year ago
не отображается картина( что делаю не этак? может не верно сохранила? <img src = image/alarm.ipg width= 307 height= 570 alt= будильник >
Dekros 1 year ago
формат.jpg, а не igp
Koppesh 1 year ago
+ проверить что src подсвечивается красноватым
Koppesh 1 year ago
Проверить заглавие папки Image либо images мой код <img src= images/alarm.jpg width= 307 height= 450 alt= Будильник align= left hspace= 30 vspace= 5 >
Karen Terlemezyan 1 year ago
zdrastvuyte ni kak nemagu sdvinut kardinku s prava v leva ili abratno mojte pamoich?? probayu <img src= impegs/kar.jpg widte= 259 height= 194 alt дама aling= left > kartinka atabrajayet no nika ni dvigayetsya.
Tiko Mays 1 year ago
Karen jan aling= left che ayl align= left
Лана Птица - Ethno World/ Этно Мир 1 year ago
Подскажите, будто сделать этак, чтоб при наведении курсора на картину было описание, и этак чтоб изображение могло возрости до 100% с миниатюры.
Рома Кабанов 1 year ago
Для того, чтоб прописывалось заглавие рисунки, нужно для тега <img> указывать атрибут title. Вот этак: <img src= alt= Будильник title= Будильник >. Удачи всем)))
ROB 1 year ago
Знаю лишь будто сделать , чтоб при наведении картина увеличивалась. Вот код HTML: <img id= айди src= линия alt= Картинка > CSS: АЙДИ transform: scale(1.0); АЙДИ:hover transform: scale(2.0); transition: 0.5s transform;
Evgeniya Zakiryanova 1 year ago
будто инвертировать картину, которую я загружаю на веб-сайт чрез кнопку?
Евгений Шлапаков 1 year ago
Подскажите отчего при использовании такового пути: изображение отображается, а при использовании пути: images/alarm.jpg - дудки. код в первом случае: <img src= > во втором: <img src= images/alarm.jpg >
Albert Soloveiko 1 year ago
Потому, что вы указываете диск В , папка html
Евгений Эдуардович 1 year ago
Очень круто и понятно!Спасибо!
Ирина Denysevych 1 year ago
Скажите изволь будто показать картину. Зарание благодарю.
kostya somov 2 years ago
Большинство пишет расширение alarm.jpeg , потому не отображается картина, а необходимо alarm.jpg
F1ashKA 1 year ago
+kostya somov лишь я написал alarn.jpg
F1ashKA 1 year ago
+kostya somov Спс, посодействовал весьма!!!!
andruuhaaa TV WОT 1 year ago
+kostya somov спс посодействовал)
Gringo19871109 2 years ago
Подскажите, делал все по уроку, однако у меня маркеры наложились на картину. картина слева. Сам перечень справа от рисунки а маркеры остались слева на картинке.
GAGO M` 2 years ago
+Gringo19871109 Добавь атрибут <wspace= 30 > либо <wspace= 15 > надеюсь посодействовал))
VladiMira 2 years ago
Подскажите, кто-нибудь, а отчего когда я пишу русскими знаками, к примеру слово будильник, у меня отображается бессмыслица?что не этак?заблаговременно благодарю
domash _pachkoou 1 year ago
+VladiMira используйте реорганизация в UTF-8 без BOM, а этак же в голове документа пропишите <head> <meta charset= UTF-8 > </head>
Сергей Матвеев 2 years ago
+Марина Войнаш Скачай другую версию Noteped++
Елена Абуткина 2 years ago
У меня сначала тоже не вышло показать картину. Пришлось адресоваться к другим обучающим видео на YouTube. Секрет был в том, что в папке HTML на диске C обязан быть сохранен файл какой мы пишем index.html и рядышком с ним папка images, в которой картина alarm - сохраняйте папки не будто вам комфортно, а будто их сохраняет Евгений.
waka waka 3 months ago
Сохранить можно где угодно, а вот линия прописать нужно верный.
Salima Bachtibekova 1 year ago
Спасибо огромное! А то уже немного запаниковала)
ЗаЧёТнЫй ПрЯнИк 1 year ago
+Елена Абуткина та же нелепость блин затратил пол часа D))
Majin Boo 2 years ago
+Елена Абуткина Да нифига сохранил де возжелал все сработало=)
Антон Савченко 2 years ago
ГЕНИЙ КРАСАВЧИК СПАСИБО ЛАЙК ПОДПИСКА
Arsen Hambardzumyan 2 years ago
У меня тоже картина не отображается.
Dj Xsenon 2 years ago
люд что за берд все прально сделал картина отображается в форме значка попросту и написанно будильник однако в браузере рисунки вкл я хз что такое
Apchs Apchs 2 years ago
Хреновый плей лист, может исправишь?!
Лиза дорожинская 2 years ago
Отличные уроки, покамест все выходит пять. Эксперементирую с различными текстами. Спасибо огромное!!!
Ислам Ислам 2 years ago
<img src= images/alarm.jpg width= 307 heigh= 450 alt= будильник > вот этак и всё вышло)))+файл если назван index.html, то лишь тогда лицезреет файл.
Cudalb Nicanor 2 years ago
 будто поставить текст на картину?
Svitlana Savytska 2 years ago
У меня вышло!!!!!
Svitlana Savytska 2 years ago
У меня тоже картина не отображается. Вот мой код <img src= images/alarm.jpg width= 307 height= 450 alt= Будильник >. Что не этак?
Apchs Apchs 2 years ago
+Svitlana Savytska <img src= C:\Users\Admin\Documents\NotePad++\alarm.jpg width= 307 height= 450 alt= Будильник > вот этак, введи линия
ALASTIS971 2 years ago
До сих пор все понятно))), надеюсь далее осваивать! Огромное благодарю за настолько подробное изложение материала!
Nikita Fedotov 3 years ago
а имеет  разность какая операционная система стот у меня не находит  фото   <img       scr= phot/fednik.jpg       alt= попросту картина > подскажите  изволь 
Nikita Fedotov 2 years ago
+Денис Ерасов благодарю  
Денис Ерасов 2 years ago
Неправильно написан атрибут, не scr , а src.
Igor Khodanovych 3 years ago
блин что мастерить не видать рисунки на браузере. вроде ошибок дудки , все по интструкции делал, рисунки в браузере настроенны для отображения. что это может быть я уже не знаю?? помогите изволь 
Рамазан Кулмахан 1 year ago
+Шура Глуховской src пишите этак
ЧЁРНЫЙ КРИПЕР 3 years ago
У меня все вышло Спасибо за задание )))
Jenea Sokol 3 years ago
jenea ti molotso 
ppomogaev9 3 years ago
Автор не пожалел времени чтоб поведать обо всём тщательно и понятно,этак что я ставлю,заслуженный им,лайк
Михаил Ковальский 3 years ago
поточнее вот <img src= images/alarm.jpg width= 307 height= 450 alt= Будильник align= right hspace= 40 >
Михаил Ковальский 3 years ago
Все делаю верно, однако все равно не выходит воткнуть картину вот мой код <img src= =images/alarm.jpg width= 307 height= 450 alt= Будильник align= right hspace= 40 >
ЧЁРНЫЙ КРИПЕР 3 years ago
У тебя кушать там ошибки. взгляни пристально на код.
Dima Ivasechko 3 years ago
потом alarm.jpg поставь  а перед images убери одно =
Алексей Сараев 3 years ago
Приглашаю всех в группу вконтакте по курсам Евгения Попова. Если Вам нравятся его курсы, непременно вступайте! Общайтесь, смотрите за новостями, получайте скидки. Группа -
Сергей Федоров 4 years ago
Тоже повстречался с этой неувязкой. src а не crc либо arc. программка этак показывает.)) А еще конечно в дерриктории C если рядышком с файлом папка сотворена и файл если назван index.html, то лишь тогда лицезреет файл. Проверял. По иному не работает. Удачи всем в разработке))
Кирилл Бодров 4 years ago
не выходит картина вставлена однако не видна 
Олег Валерьевич 2 years ago
+Кирсан Кайфат в заглавии рисунки убрал jpg,а в наборе оставил и все вышло!
Дарю Настроение 3 years ago
у меня тоже самое полотно загрузилась однако не ыидна кто поможет мне напишите пожалкйста
Nekrazm twilight 4 years ago
Не выходило воткнуть картину покамест не прочел,что в качестве значения атрибута src могут вступать только те изображения,которые находятся в вебе,на вашем хостинге либо постороннем веб-сайте.Изображение,которое быть на компьютере вывести на веб-сайте не получится.Сначала их необходимо выложить в веб.
Дриневский Виктор 3 years ago
+Dmitry Solodovnikov Да, однако при условии что к твоему компютеру открыт доступ из веба( то кушать 1 - это чтоб провайдер открыл, 2 - ты сам из Винды обязан настроить доступ, 3 при наличии роутера проще).
Dmitry Solodovnikov 3 years ago
целый абсурд, расслабленно можно располагать на своём веб-сайте, рисунки, видео, аудио-файлы, которые находятся на твоём компьютере, необходимо только показать каталог и имя файла.
Ilya Goffman 4 years ago
удивительно будильник появился, а вот в случае отключения картинок в хроме, надпись не появилась, хотя всё верно написал img src= рисунки/alarm.jpg width= 307 height= 450 alt= здесь обязан был быть будильник, однако вы лохудра и отключили показ картинок в настройках факт ко нечно не очень принципиальный, однако всё же хотелось бы избежать всех касяков что же не этак?
theWINGSofHAPPINESS 4 years ago
благодарю огромное!!!!!
chetverikovs 4 years ago
Почему при выравнивании с лева, текст налазит на картину?
влад тюрков 4 years ago
Благодарствую
Taya Mazepa 4 years ago
может быть вы заместо src набрали crs либо будто-то некорректно)
zeksys85 4 years ago
Огромнейшее благодарю!!!
Илья Гуляев 4 years ago
а будто сделать кнопку из рисунки чтоб она всё стирала? подскажите плз
Givi Ardzanov 4 years ago
Огромное благодарю!
Romchik Roma 4 years ago
браузер не читает рисунки
SKOROPAD 4 years ago
те у кого картина не отражается, Лююююдииии, попросту положите папку images в папку с файлом index.html
Ирфан Абдюшев 4 years ago
помогите изволь, у меня браузер рисунки не читает будто поправить?
Денис С 4 years ago
благодарю ,!!!!!!
Bari Vel 4 years ago
Евгений, благодарю огромное.
Kassymzhan Khussainov 5 years ago
потрясающий материал, все доступно и понятно даже такому чайнику будто мне.
Иван Иванов 5 years ago
конечно, и еще. для чего чтоб в документ привнести картину нужно ее копировать?
Иван Иванов 5 years ago
снова увяз. Женя, КАК включить в мазиле чтоб рисунки отражались?
MrsWhitePanter 5 years ago
Всегда восхищаюсь теми людьми, которые знают почти все и могут ето почти все обьяснить другим. Евгений, огромное Вам благодарю за весьма увлекательную выборку материала по HTML и не лишь!