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

  Рет қаралды 107,292

#SimpleCode

#SimpleCode

6 жыл бұрын

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

Пікірлер: 114
@mixerKLG
@mixerKLG 6 жыл бұрын
Честно признаться, Смотрю Ваши уроки по С++, буду рад увидеть CSS3 и html5, чтобы освежить знания... Вообще подобных каналов множество, а вот подача материала у многих оставляет желать лучшего. Ваш канал - приятно радует содержанием и подачей! Успеха!
@SimpleCodeIT
@SimpleCodeIT 6 жыл бұрын
Спасибо за поддержку! =)
@anastasiazinchenko2829
@anastasiazinchenko2829 2 жыл бұрын
Я три часа не могла разобраться как вставить картинку, а вы с третьей минуты мне открыли глаза! :))
@user-qz8hb9yh3b
@user-qz8hb9yh3b 3 жыл бұрын
Лучший преподаватель по программированию в мире!!!
@mariaxxx8246
@mariaxxx8246 4 жыл бұрын
Хочу вас поблагодарить за такие познавательные и полезные видео.Уроки по теме,всё подробно объясняете, буду рекомендовать вас своим друзьям! Успехов вам в продвижении своего канала!
@arkadiy_gym.5928
@arkadiy_gym.5928 4 жыл бұрын
За последний год я пересматривал твое видео 20-30 раз. Думаю его можно назвать полезным :)
@mishachubenko3394
@mishachubenko3394 3 жыл бұрын
Человечище спасибо - ОЧЕНЬ ИНТЕРЕСНО !!!
@2difficult2do
@2difficult2do 2 жыл бұрын
Спасибо Вам большое за полезные уроки. Как раз искал для начинающего практически полезный и понятный обучающий материал!
@n1mble372
@n1mble372 6 жыл бұрын
Видео очень помогло, спасибо тебе большое. Делайте больше видео), буду очень рад.
@enjoyenjoy6527
@enjoyenjoy6527 2 жыл бұрын
Спасибо Вам огромное, я множество раз бросал, потому что формат объяснений был очень скучен! Вы реально делаете добро. Спасибо Вам большое от сердца, я реально начал понимать, а с этого урока стало ещё интересней.
@GrigoryChumakov
@GrigoryChumakov 6 жыл бұрын
Доступное объяснение
@gamercsgo6989
@gamercsgo6989 4 жыл бұрын
Спасибо очень сильно помог с веб-сайтом ! Лайк и подписка!!!!!
@kapitan_Pihulka
@kapitan_Pihulka 2 жыл бұрын
Спасибо! Наконец-то нашел, что искал!
@user-li3cr8wn1r
@user-li3cr8wn1r 2 жыл бұрын
Очень полезное видео, спасибо👍👍👍
@user-tu6co5qy2t
@user-tu6co5qy2t 10 ай бұрын
Пусть Всевышний наставит вас на путь истинный и осчастливит в обоих мирах!
@humbled2173
@humbled2173 Жыл бұрын
5:23 симпатичная картинка
@mahon2513
@mahon2513 3 жыл бұрын
Спасибо большое !
@vladalu9794
@vladalu9794 6 жыл бұрын
спасибо бро, риспект тебе!
@heysatik
@heysatik 3 жыл бұрын
от души, большое спасибо!!
@yoursbb5179
@yoursbb5179 2 жыл бұрын
Пока смотрела видео поняла где была моя ошибка в коде..в background ссылку в скобки записала а там должны быть просто "лапки". Огромное спасибо за видео 😍😍
@user-jr5sp7mb2h
@user-jr5sp7mb2h Жыл бұрын
Большое вам спасибо за помощь ! Очень благодарен! Буквально не мог вставить картинку с папки так как папки не отображались, но "сtrl + пробел" мне очень помогло !
@user-ir1ki9xi2x
@user-ir1ki9xi2x Жыл бұрын
Чувак от души, царский лайк👍👍👍
@user-no3eg7hi8m
@user-no3eg7hi8m Жыл бұрын
спасибо за помощь)
@nk10123
@nk10123 3 жыл бұрын
спасибо, ты меня спас
@user-ob4wn9ty7c
@user-ob4wn9ty7c 6 жыл бұрын
спасибо
@cucci7902
@cucci7902 3 жыл бұрын
СПАСИБО КЛАСС ПОМОГЛО
@user-zw5dx1gf3x
@user-zw5dx1gf3x 4 жыл бұрын
Странно, при вставке адреса картинки из моего компьютера, картинка не отображается ни в "брейкетс", ни в хроме. Вставлял как адрес самой картинки, с названием папки, так и полний путь с названием диска и т.д. А вот с интернет ресурсов, все картинки светятся хорошо в "брейкетс",и всегда отображаюся. В чем может бить причина?
@Volia-sv7
@Volia-sv7 4 жыл бұрын
Стасибо!
@vitusink6445
@vitusink6445 4 жыл бұрын
Сергей отлично обьясняешь! Так держать! Только что то у тебя там на фоне скрипит бесит жутко!
@rvberezkin8866
@rvberezkin8866 2 жыл бұрын
Круто спасиба всьо понятно ))
@Obraveliss
@Obraveliss 3 жыл бұрын
Мать моя женщина просто лучший, спасибо
@NurbekOG
@NurbekOG 3 жыл бұрын
Моя мама тоже женщина
@Obraveliss
@Obraveliss 3 жыл бұрын
@@NurbekOG Мы с тобой такие везучие
@user-hk7bs3cf4t
@user-hk7bs3cf4t 5 жыл бұрын
Тем кому интересно почему png так себя ведёт в видео, то советую гуглить в чём разница между RGB и RGBA(Буква А означает альфа канал" Благодарю за видео, всё становится интересней и интересней)
@areon7777
@areon7777 4 жыл бұрын
Помогите пожалуйста, срочно!!! А как вот сделать, чтобы background тоже был прозрачным, как с тем самолётом? Мне нужно использовать background а не img и вот как это сделать на background???
@user-wc4nj6jm4h
@user-wc4nj6jm4h 6 жыл бұрын
Сергей, доброго времени суток. Когда уменьшаешь веб-страницу то фон который задаешь начинает уменьшаться и этот фон размножается (т.е. картинку которую назначил фоном начинает если так можно сказать клонироваться, т.е. этих картинок становится все больше и больше). Как предотвратить это?
@SimpleCodeIT
@SimpleCodeIT 6 жыл бұрын
#вебразработка #frontend #html5 #SimpleCode #урокипрограммирования
@SimpleCodeIT
@SimpleCodeIT 6 жыл бұрын
уроков будет столько сколько понадобится для полного курса HTML
@areon7777
@areon7777 4 жыл бұрын
Помогите срочно!!! А как вот сделать, чтобы background тоже был прозрачным, как с тем самолётом? Мне нужно использовать background а не img и вот как это сделать на background???
@Alina-ij4ll
@Alina-ij4ll 4 жыл бұрын
Здравствуйте! Подскажите как сделать каждое изображение ссылкой на файл с большим по размеру изображением и наоборот? Буду признательна
@annummirror794
@annummirror794 5 жыл бұрын
like for you
@user-zb1un9to3u
@user-zb1un9to3u 4 жыл бұрын
Можете прояснить один момент - в ходе разборок с гуглом был сделан вывод, что теги hspace/vspace устарели(не работают), значит правильным решением будет через margin делать отступы(можно так же делать и рамку, но эт как-то странно)?
@sia4281
@sia4281 6 жыл бұрын
alt ведь не выводит подсказку при наведении мышкой на картинку, title этим занимается
@89851499186
@89851499186 4 жыл бұрын
Подскажи в чем проблемма наше фото не показывает. Текст или сверху или снизу куда ссылку поставишь. Чтоб картинка была с лева а текст справа не получается. Получается картинка с лева а справа пусто.
@user-vr6wj5sz5p
@user-vr6wj5sz5p 3 жыл бұрын
Здравствуйте. А подскажите HTML код для создания автоматически сменяющихся картинок, пожалуйста. Всё, что в поиске выдаёт скрипты и кола у меня не работает, либо я делаю не так. Вот чтоб скопировал, вставил, путь к картинкам прописал и работало?
@sickedtrap_
@sickedtrap_ 4 жыл бұрын
А у меня почему-то вместо картинки, крест, что делать?
@andreyyarovoy8000
@andreyyarovoy8000 3 жыл бұрын
у меня в sublime не подсвечивает ссылки на картинки и не показывает их разрешение(( само видео классное!
@areon7777
@areon7777 4 жыл бұрын
Помогите срочно!!! А как вот сделать, чтобы background тоже был прозрачным, как с тем самолётом? Мне нужно использовать background а не img и вот как это сделать на background???
@maximchervonoshtan2059
@maximchervonoshtan2059 4 жыл бұрын
Подскажите, вот у меня такая проблема, почему картинка не отображается на сайте?
@Mojit-ve2yh
@Mojit-ve2yh 4 жыл бұрын
Скопируй её url в браузере и вставь (
@renim6928
@renim6928 4 жыл бұрын
@@Mojit-ve2yh спасибо!
@MistrKrabs
@MistrKrabs 4 жыл бұрын
Мужик, проблема. Фоновая картинка на body или если вешаю на html разницы нет. Background-size: cover не работает на айфоне. Именно на айфоне. Хром, фф, даже сафари на андройде все ок. А сафари на айфоне отображает этот параметр css не так как нужно. И префиксы ставил. И вью порт в head прописал. Получается сафари на айфоне при бакграунд сайз: cover считает не от высоты экрана а от высоты всего сайта. На чем стоит фон на html или на body выставил высоту в 100% и мин высоту 100% иначе без этого на хроме та же песня. Так интересно что сафари на андройде все правильно читает. А сафари на айфоне нет. Как быть?
@yalonerne1412
@yalonerne1412 4 жыл бұрын
У меня возник вопрос. Недавно нам задали задание и там нужно чтобы изображение было поверх текста, но обычные теги не помогают, ещё нужно текст взять в тег Текст. Я не знаю как это сделать, потому обращаюсь к вам. Буду благодарен за помощь.
@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 Спасибо
@hunter__7964
@hunter__7964 3 жыл бұрын
Подскажите что делать если если картинка в превью брекетса отображается, а ни в одном из браузеров не отображается?
@user-kl7wq9hx9e
@user-kl7wq9hx9e 5 жыл бұрын
Здравствуйте! Вы какой текстовый редактор используете?
@ilkhomjonmirzakhmedov831
@ilkhomjonmirzakhmedov831 5 жыл бұрын
brackets
@Teka_xxx
@Teka_xxx 2 жыл бұрын
Как можно добавить к пнг картинке тень ?
@user-qv2hc3ho8t
@user-qv2hc3ho8t 4 жыл бұрын
Давайте раскукожим её обратно!!!!!!!!!!!
@shadowgame5531
@shadowgame5531 3 жыл бұрын
Как называется приложение?
@user-vg6un9ew6c
@user-vg6un9ew6c 3 жыл бұрын
А как изменить цвет рамки?
@andrybartosh548
@andrybartosh548 4 жыл бұрын
Что делать если я правильно вёл код и URL картинки, но картинка на сайте все равно не отображается?
@ahrdev7656
@ahrdev7656 3 жыл бұрын
бро, нужно чтобы картинка была в папке с твоей веб страницей
@JdIm6fhjLgdWRhn
@JdIm6fhjLgdWRhn 2 жыл бұрын
name of music в студию
@user-xc4ii4kb7r
@user-xc4ii4kb7r Жыл бұрын
у меня почему-то не сработала прозрачность с пнг картинкой
@michaelzubenin8650
@michaelzubenin8650 Жыл бұрын
Может кто то занает, я столкнулся с проблемой, я поставил картинку с права и захотел выставить текст по центру ,ноо текст который на уровне с картинкой находится левее чем текст который уже снизу, при это картинка не большая и место для текста полно что бы оно было по центру. Может кто-то сталкивался с такой проблемой? Буду благодарен за помощь!
@star.l1ght
@star.l1ght 6 жыл бұрын
Почему у тебя картинки без фона и правда без фона, а у меня с фоном? Сзади картинки те белые квадратики есть. Я пол часа только искал png картинку, но кроме jpg ничего не нашел
@deniskhan1999
@deniskhan1999 6 жыл бұрын
png image в гугл
@user-yl7mv6sk7t
@user-yl7mv6sk7t 3 жыл бұрын
6:30
@failock4404
@failock4404 3 жыл бұрын
XD
@user-gq2wr8kc7m
@user-gq2wr8kc7m 2 жыл бұрын
Такой вопрос, что делать если вообще не загружаются картинки?
@metalokop4591
@metalokop4591 5 жыл бұрын
А как приглушить,или сделать задний фон замыленным?
@xXXx-zv8er
@xXXx-zv8er 4 жыл бұрын
Обработай картинку в фотошопе.
@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 4 жыл бұрын
Это плагин под названием "Emmet". В поле поиска справа вверху( менеджер расширений) можно ввести "Emmet" и установить плагин. После чего, при нажатии "TAB" будет автоматом выводиться тег
@user-bd3cy8lq1d
@user-bd3cy8lq1d 4 жыл бұрын
@@GennodBeats спасибо
@David_khot
@David_khot 6 жыл бұрын
как это решить
@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 СПАСИБО
@demianko1669
@demianko1669 5 ай бұрын
в якій програмі ви це робите
@ZZZRFS
@ZZZRFS 3 жыл бұрын
Как повернуть картинку на 180градусов или 90
@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%; }
@-delt-4345
@-delt-4345 Жыл бұрын
Надеюсь, что мне кто-то сможет ответить. Столкнулся с проблемой, что у меня не работает один единственный хоткей Ctrl+Пробел, который выводит подсказки. Все работает, кроме него. Просмотрел много сайтов, делал все как там указано и ничего не помогло(( Может хоть кто-то здесь поможет(
@user-vr6sy8xc7c
@user-vr6sy8xc7c 3 жыл бұрын
как сохринт коди и при этом не приходилос писат все заново примеры как у тебя
@daori_dara
@daori_dara 3 жыл бұрын
Можно для чайников объяснить, как в нотпад++ вставлять фон, если картинка сама в той же папке находится, что и файл сайта? Вроде все делаю, как тут, но ничего не отображается на фоне Я может не умная и языки разные использую, ещё и как-то не так, но в интернете все написано для тех, кто имеет базовые знания(и даже чуть больше) по html, а я к этим людям не отношусь
@Julia_Art_
@Julia_Art_ Жыл бұрын
А что делать, если картинка сто раз повторяется, а не целиком по странице растягивается? В виде фона
@zhaba6694
@zhaba6694 Жыл бұрын
там вроде нужно прописать no repeat но я хз где
@grib-pix
@grib-pix Жыл бұрын
background-repeat: no-repeat;
@evolve9922
@evolve9922 5 жыл бұрын
Не могу вставить картинку у меня просто пустое место в место неё
@pavloy7054
@pavloy7054 4 жыл бұрын
Проверь путь и попробуй другие редакторы
@fghboi3428
@fghboi3428 6 жыл бұрын
что делать если браузер блокирует сайт?
@boryan6256
@boryan6256 5 жыл бұрын
ты про картинку?
@r7tonn46
@r7tonn46 Жыл бұрын
Не рабоатет чере папку только адрес url работает
@controversia1254
@controversia1254 2 жыл бұрын
Содержание атрибута alt у картинки не появится на странице, если на картинку навести курсор мыши. Для этих целей используется атрибут title. Зачем вводить новичков в заблуждение?
@Cirilllox123JK
@Cirilllox123JK 3 жыл бұрын
Html не язык программирование
@xskeletronx1561
@xskeletronx1561 4 жыл бұрын
сссссссссссссс пппппппппппппааааааааааамссссссссссссииииииииииииииибббббббббббббббббббббббббббоооооооооооооооооооооооо ооооооооооооооо
@xoplaypro2976
@xoplaypro2976 4 жыл бұрын
Ты похоже на мадамадрос
@shumshum8701
@shumshum8701 Жыл бұрын
У тега img нет атрибута align
터키아이스크림🇹🇷🍦Turkish ice cream #funny #shorts
00:26
Byungari 병아리언니
Рет қаралды 28 МЛН
Универ. 13 лет спустя - ВСЕ СЕРИИ ПОДРЯД
9:07:11
Комедии 2023
Рет қаралды 6 МЛН
HTML5 #6 Картинки (Images)
6:28
webDev
Рет қаралды 17 М.
ЭТИ КНИГИ СДЕЛАЮТ ИЗ ТЕБЯ ХАКЕРА
16:38
What is the difference between Float, Flexbox and Grid CSS?
10:06
Анна Блок
Рет қаралды 217 М.
6 полезных свойств CSS за 10 минут!
10:19
PurpleSchool | Anton Larichev
Рет қаралды 24 М.
HTML5 #8 Ссылки и кнопки (Links & Buttons)
7:07
Адаптивные изображения с CSS
13:25
WebForMySelf
Рет қаралды 28 М.
터키아이스크림🇹🇷🍦Turkish ice cream #funny #shorts
00:26
Byungari 병아리언니
Рет қаралды 28 МЛН