Тёмный

HTML5 работа с изображениями. Тег img. Атрибут alt. Фон body картинка. HTML5 для начинающих. Урок#8 

#SimpleCode
Подписаться 367 тыс.
Просмотров 107 тыс.
50% 1

Понравилось видео или оказалось полезным? Подпишись!
HTML5 работа с изображениями. Тег img. Атрибут alt. Фон body. HTML картинка. HTML5 для начинающих. Урок#8
Уроки по программированию
Наша группа ВК smplcode
Подписывайтесь на канал / @simplecodeit

Опубликовано:

 

11 сен 2017

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 114   
@mixerKLG
@mixerKLG 6 лет назад
Честно признаться, Смотрю Ваши уроки по С++, буду рад увидеть CSS3 и html5, чтобы освежить знания... Вообще подобных каналов множество, а вот подача материала у многих оставляет желать лучшего. Ваш канал - приятно радует содержанием и подачей! Успеха!
@SimpleCodeIT
@SimpleCodeIT 6 лет назад
Спасибо за поддержку! =)
@anastasiazinchenko2829
@anastasiazinchenko2829 2 года назад
Я три часа не могла разобраться как вставить картинку, а вы с третьей минуты мне открыли глаза! :))
@mariaxxx8246
@mariaxxx8246 3 года назад
Хочу вас поблагодарить за такие познавательные и полезные видео.Уроки по теме,всё подробно объясняете, буду рекомендовать вас своим друзьям! Успехов вам в продвижении своего канала!
@mishachubenko3394
@mishachubenko3394 3 года назад
Человечище спасибо - ОЧЕНЬ ИНТЕРЕСНО !!!
@arkadiy_gym.5928
@arkadiy_gym.5928 4 года назад
За последний год я пересматривал твое видео 20-30 раз. Думаю его можно назвать полезным :)
@user-qz8hb9yh3b
@user-qz8hb9yh3b 3 года назад
Лучший преподаватель по программированию в мире!!!
@2difficult2do
@2difficult2do 2 года назад
Спасибо Вам большое за полезные уроки. Как раз искал для начинающего практически полезный и понятный обучающий материал!
@enjoyenjoy6527
@enjoyenjoy6527 2 года назад
Спасибо Вам огромное, я множество раз бросал, потому что формат объяснений был очень скучен! Вы реально делаете добро. Спасибо Вам большое от сердца, я реально начал понимать, а с этого урока стало ещё интересней.
@humbled2173
@humbled2173 Год назад
5:23 симпатичная картинка
@n1mble372
@n1mble372 6 лет назад
Видео очень помогло, спасибо тебе большое. Делайте больше видео), буду очень рад.
@GrigoryChumakov
@GrigoryChumakov 6 лет назад
Доступное объяснение
@gamercsgo6989
@gamercsgo6989 4 года назад
Спасибо очень сильно помог с веб-сайтом ! Лайк и подписка!!!!!
@yoursbb5179
@yoursbb5179 2 года назад
Пока смотрела видео поняла где была моя ошибка в коде..в background ссылку в скобки записала а там должны быть просто "лапки". Огромное спасибо за видео 😍😍
@user-zw5dx1gf3x
@user-zw5dx1gf3x 4 года назад
Странно, при вставке адреса картинки из моего компьютера, картинка не отображается ни в "брейкетс", ни в хроме. Вставлял как адрес самой картинки, с названием папки, так и полний путь с названием диска и т.д. А вот с интернет ресурсов, все картинки светятся хорошо в "брейкетс",и всегда отображаюся. В чем может бить причина?
@kapitan_Pihulka
@kapitan_Pihulka 2 года назад
Спасибо! Наконец-то нашел, что искал!
@user-tu6co5qy2t
@user-tu6co5qy2t 9 месяцев назад
Пусть Всевышний наставит вас на путь истинный и осчастливит в обоих мирах!
@user-jr5sp7mb2h
@user-jr5sp7mb2h Год назад
Большое вам спасибо за помощь ! Очень благодарен! Буквально не мог вставить картинку с папки так как папки не отображались, но "сtrl + пробел" мне очень помогло !
@user-li3cr8wn1r
@user-li3cr8wn1r 2 года назад
Очень полезное видео, спасибо👍👍👍
@vladalu9794
@vladalu9794 6 лет назад
спасибо бро, риспект тебе!
@heysatik
@heysatik 3 года назад
от души, большое спасибо!!
@Obraveliss
@Obraveliss 3 года назад
Мать моя женщина просто лучший, спасибо
@NurbekOG
@NurbekOG 3 года назад
Моя мама тоже женщина
@Obraveliss
@Obraveliss 3 года назад
@@NurbekOG Мы с тобой такие везучие
@mahon2513
@mahon2513 3 года назад
Спасибо большое !
@user-wc4nj6jm4h
@user-wc4nj6jm4h 5 лет назад
Сергей, доброго времени суток. Когда уменьшаешь веб-страницу то фон который задаешь начинает уменьшаться и этот фон размножается (т.е. картинку которую назначил фоном начинает если так можно сказать клонироваться, т.е. этих картинок становится все больше и больше). Как предотвратить это?
@user-ir1ki9xi2x
@user-ir1ki9xi2x Год назад
Чувак от души, царский лайк👍👍👍
@user-hk7bs3cf4t
@user-hk7bs3cf4t 5 лет назад
Тем кому интересно почему png так себя ведёт в видео, то советую гуглить в чём разница между RGB и RGBA(Буква А означает альфа канал" Благодарю за видео, всё становится интересней и интересней)
@areon7777
@areon7777 4 года назад
Помогите пожалуйста, срочно!!! А как вот сделать, чтобы background тоже был прозрачным, как с тем самолётом? Мне нужно использовать background а не img и вот как это сделать на background???
@vitusink6445
@vitusink6445 4 года назад
Сергей отлично обьясняешь! Так держать! Только что то у тебя там на фоне скрипит бесит жутко!
@user-no3eg7hi8m
@user-no3eg7hi8m Год назад
спасибо за помощь)
@Alina-ij4ll
@Alina-ij4ll 4 года назад
Здравствуйте! Подскажите как сделать каждое изображение ссылкой на файл с большим по размеру изображением и наоборот? Буду признательна
@user-ob4wn9ty7c
@user-ob4wn9ty7c 6 лет назад
спасибо
@nk10123
@nk10123 3 года назад
спасибо, ты меня спас
@sia4281
@sia4281 6 лет назад
alt ведь не выводит подсказку при наведении мышкой на картинку, title этим занимается
@user-zb1un9to3u
@user-zb1un9to3u 4 года назад
Можете прояснить один момент - в ходе разборок с гуглом был сделан вывод, что теги hspace/vspace устарели(не работают), значит правильным решением будет через margin делать отступы(можно так же делать и рамку, но эт как-то странно)?
@user-vr6wj5sz5p
@user-vr6wj5sz5p 3 года назад
Здравствуйте. А подскажите HTML код для создания автоматически сменяющихся картинок, пожалуйста. Всё, что в поиске выдаёт скрипты и кола у меня не работает, либо я делаю не так. Вот чтоб скопировал, вставил, путь к картинкам прописал и работало?
@89851499186
@89851499186 4 года назад
Подскажи в чем проблемма наше фото не показывает. Текст или сверху или снизу куда ссылку поставишь. Чтоб картинка была с лева а текст справа не получается. Получается картинка с лева а справа пусто.
@cucci7902
@cucci7902 3 года назад
СПАСИБО КЛАСС ПОМОГЛО
@user-pe5gw6bh6y
@user-pe5gw6bh6y 4 года назад
Стасибо!
@rvberezkin8866
@rvberezkin8866 Год назад
Круто спасиба всьо понятно ))
@areon7777
@areon7777 4 года назад
Помогите срочно!!! А как вот сделать, чтобы background тоже был прозрачным, как с тем самолётом? Мне нужно использовать background а не img и вот как это сделать на background???
@maximchervonoshtan2059
@maximchervonoshtan2059 4 года назад
Подскажите, вот у меня такая проблема, почему картинка не отображается на сайте?
@Mojit-ve2yh
@Mojit-ve2yh 4 года назад
Скопируй её url в браузере и вставь (
@renim6928
@renim6928 3 года назад
@@Mojit-ve2yh спасибо!
@HmaPaYT
@HmaPaYT 6 лет назад
Как растянуть картинку на фоне? У меня просто несколько маленьких картинок на фоне вместо одной большой (она как бы клонируется) .
@carrera5822
@carrera5822 4 года назад
background-size: cover; background-repeat: no repeat; background-position: center;
@user-tr9xu1us6d
@user-tr9xu1us6d 3 года назад
@@carrera5822 а куда это вставлять?
@carrera5822
@carrera5822 3 года назад
@@user-tr9xu1us6d родительскому блоку
@johncolt5089
@johncolt5089 3 года назад
@@user-tr9xu1us6d себе в попу
@nikitakhudalei4617
@nikitakhudalei4617 3 года назад
@@carrera5822 Спасибо
@sickedtrap_
@sickedtrap_ 4 года назад
А у меня почему-то вместо картинки, крест, что делать?
@yalonerne1412
@yalonerne1412 4 года назад
У меня возник вопрос. Недавно нам задали задание и там нужно чтобы изображение было поверх текста, но обычные теги не помогают, ещё нужно текст взять в тег Текст. Я не знаю как это сделать, потому обращаюсь к вам. Буду благодарен за помощь.
@MistrKrabs
@MistrKrabs 4 года назад
Мужик, проблема. Фоновая картинка на body или если вешаю на html разницы нет. Background-size: cover не работает на айфоне. Именно на айфоне. Хром, фф, даже сафари на андройде все ок. А сафари на айфоне отображает этот параметр css не так как нужно. И префиксы ставил. И вью порт в head прописал. Получается сафари на айфоне при бакграунд сайз: cover считает не от высоты экрана а от высоты всего сайта. На чем стоит фон на html или на body выставил высоту в 100% и мин высоту 100% иначе без этого на хроме та же песня. Так интересно что сафари на андройде все правильно читает. А сафари на айфоне нет. Как быть?
@hunter__7964
@hunter__7964 3 года назад
Подскажите что делать если если картинка в превью брекетса отображается, а ни в одном из браузеров не отображается?
@shadowgame5531
@shadowgame5531 3 года назад
Как называется приложение?
@user-kl7wq9hx9e
@user-kl7wq9hx9e 5 лет назад
Здравствуйте! Вы какой текстовый редактор используете?
@ilkhomjonmirzakhmedov831
@ilkhomjonmirzakhmedov831 4 года назад
brackets
@andreyyarovoy8000
@andreyyarovoy8000 3 года назад
у меня в sublime не подсвечивает ссылки на картинки и не показывает их разрешение(( само видео классное!
@annummirror794
@annummirror794 5 лет назад
like for you
@Teka_xxx
@Teka_xxx 2 года назад
Как можно добавить к пнг картинке тень ?
@SimpleCodeIT
@SimpleCodeIT 6 лет назад
#вебразработка #frontend #html5 #SimpleCode #урокипрограммирования
@SimpleCodeIT
@SimpleCodeIT 6 лет назад
уроков будет столько сколько понадобится для полного курса HTML
@areon7777
@areon7777 4 года назад
Помогите срочно!!! А как вот сделать, чтобы background тоже был прозрачным, как с тем самолётом? Мне нужно использовать background а не img и вот как это сделать на background???
@user-gq2wr8kc7m
@user-gq2wr8kc7m Год назад
Такой вопрос, что делать если вообще не загружаются картинки?
@metalokop4591
@metalokop4591 5 лет назад
А как приглушить,или сделать задний фон замыленным?
@xXXx-zv8er
@xXXx-zv8er 4 года назад
Обработай картинку в фотошопе.
@demianko1669
@demianko1669 4 месяца назад
в якій програмі ви це робите
@user-xc4ii4kb7r
@user-xc4ii4kb7r Год назад
у меня почему-то не сработала прозрачность с пнг картинкой
@star.l1ght
@star.l1ght 6 лет назад
Почему у тебя картинки без фона и правда без фона, а у меня с фоном? Сзади картинки те белые квадратики есть. Я пол часа только искал png картинку, но кроме jpg ничего не нашел
@deniskhan1999
@deniskhan1999 6 лет назад
png image в гугл
@user-qv2hc3ho8t
@user-qv2hc3ho8t 4 года назад
Давайте раскукожим её обратно!!!!!!!!!!!
@user-vg6un9ew6c
@user-vg6un9ew6c 3 года назад
А как изменить цвет рамки?
@user-bd3cy8lq1d
@user-bd3cy8lq1d 5 лет назад
Сергей, просьба. В таких вот уроках, для начинающих, еще бы не указанные горячие клавиши.. А то вот вижу, как ты вставляешь тег картинки сразу полностью, а я ввожу вручную, не смог найти сочетание клавиш
@user-ed1dg9vm1y
@user-ed1dg9vm1y 5 лет назад
ПИшите сначала букву тега, просто букву без скобок, после чего нажимаете клавишу tab. Если тег длинный, пишите весь тег, потом то же самое - tab. По крайней мере, на маке так, думаю, и на винде автор делает то же самое. И точно так же делаете, когда создали новый html-документ, перед тем, как писать DOCTYPE в начале документа, прописываете знак ! (восклицания), затем tab и... вуаля... вот вам вся начальная форма документа, наполняйте на здоровье)
@user-bd3cy8lq1d
@user-bd3cy8lq1d 5 лет назад
@@user-ed1dg9vm1y спасибо, понял :)
@evolve9922
@evolve9922 5 лет назад
@@user-ed1dg9vm1y у меня так не пашет
@GennodBeats
@GennodBeats 3 года назад
Это плагин под названием "Emmet". В поле поиска справа вверху( менеджер расширений) можно ввести "Emmet" и установить плагин. После чего, при нажатии "TAB" будет автоматом выводиться тег
@user-bd3cy8lq1d
@user-bd3cy8lq1d 3 года назад
@@GennodBeats спасибо
@andrybartosh548
@andrybartosh548 4 года назад
Что делать если я правильно вёл код и URL картинки, но картинка на сайте все равно не отображается?
@ahrdev7656
@ahrdev7656 3 года назад
бро, нужно чтобы картинка была в папке с твоей веб страницей
@michaelzubenin8650
@michaelzubenin8650 Год назад
Может кто то занает, я столкнулся с проблемой, я поставил картинку с права и захотел выставить текст по центру ,ноо текст который на уровне с картинкой находится левее чем текст который уже снизу, при это картинка не большая и место для текста полно что бы оно было по центру. Может кто-то сталкивался с такой проблемой? Буду благодарен за помощь!
@ZZZRFS
@ZZZRFS 3 года назад
Как повернуть картинку на 180градусов или 90
@David_khot
@David_khot 6 лет назад
как это решить
@JdIm6fhjLgdWRhn
@JdIm6fhjLgdWRhn 2 года назад
name of music в студию
@boryan6256
@boryan6256 5 лет назад
ребят помогите, у меня не получается сделать картину. Я всё сделал как на видео но ничего не получилось
@user-ov2zl9jt6e
@user-ov2zl9jt6e 4 года назад
@Mark kond у меня тоже значёк
@user-yf9mm1hd3l
@user-yf9mm1hd3l 4 года назад
надо просто написать вместо scr написать src
@user-yf9mm1hd3l
@user-yf9mm1hd3l 4 года назад
А я понял значок, какой у вас путь
@poloskyn4207
@poloskyn4207 3 года назад
@@user-yf9mm1hd3l СПАСИБО
@David_khot
@David_khot 6 лет назад
а там у меня в фоне изображение клонируется
@nun8930
@nun8930 5 лет назад
:d
@serezhakhachatriaan7397
@serezhakhachatriaan7397 4 года назад
Background-attachment: no-repeat;
@user-yf9mm1hd3l
@user-yf9mm1hd3l 4 года назад
@@serezhakhachatriaan7397 нет вот так html { background-image: url('Введите путь к картинке'); background-size: 93%; }
@user-vr6sy8xc7c
@user-vr6sy8xc7c 3 года назад
как сохринт коди и при этом не приходилос писат все заново примеры как у тебя
@-delt-4345
@-delt-4345 Год назад
Надеюсь, что мне кто-то сможет ответить. Столкнулся с проблемой, что у меня не работает один единственный хоткей Ctrl+Пробел, который выводит подсказки. Все работает, кроме него. Просмотрел много сайтов, делал все как там указано и ничего не помогло(( Может хоть кто-то здесь поможет(
@Julia_Art_
@Julia_Art_ Год назад
А что делать, если картинка сто раз повторяется, а не целиком по странице растягивается? В виде фона
@zhaba6694
@zhaba6694 Год назад
там вроде нужно прописать no repeat но я хз где
@grib-pix
@grib-pix Год назад
background-repeat: no-repeat;
@okhiko_sato
@okhiko_sato 3 года назад
Можно для чайников объяснить, как в нотпад++ вставлять фон, если картинка сама в той же папке находится, что и файл сайта? Вроде все делаю, как тут, но ничего не отображается на фоне Я может не умная и языки разные использую, ещё и как-то не так, но в интернете все написано для тех, кто имеет базовые знания(и даже чуть больше) по html, а я к этим людям не отношусь
@user-yl7mv6sk7t
@user-yl7mv6sk7t 3 года назад
6:30
@failock4404
@failock4404 3 года назад
XD
@fghboi3428
@fghboi3428 6 лет назад
что делать если браузер блокирует сайт?
@boryan6256
@boryan6256 5 лет назад
ты про картинку?
@r7tonn46
@r7tonn46 Год назад
Не рабоатет чере папку только адрес url работает
@controversia1254
@controversia1254 2 года назад
Содержание атрибута alt у картинки не появится на странице, если на картинку навести курсор мыши. Для этих целей используется атрибут title. Зачем вводить новичков в заблуждение?
@evolve9922
@evolve9922 5 лет назад
Не могу вставить картинку у меня просто пустое место в место неё
@pavloy7054
@pavloy7054 3 года назад
Проверь путь и попробуй другие редакторы
@Cirilllox123JK
@Cirilllox123JK 3 года назад
Html не язык программирование
@xskeletronx1561
@xskeletronx1561 4 года назад
сссссссссссссс пппппппппппппааааааааааамссссссссссссииииииииииииииибббббббббббббббббббббббббббоооооооооооооооооооооооо ооооооооооооооо
@xoplaypro2976
@xoplaypro2976 4 года назад
Ты похоже на мадамадрос
@shumshum8701
@shumshum8701 Год назад
У тега img нет атрибута align
Далее
🇮🇩Let’s go! Bali in Indonesia! 5GX Bali
00:44
Продавец года 😂
00:59
Просмотров 2,7 млн
HTML5 #6 Картинки (Images)
6:28
Просмотров 17 тыс.