HTML & CSS for Beginners Part 6: Images

HTML & CSS for Beginners Part 6: Images

Kevin Powell

7 лет назад

137,036 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

@umiterdemyigitoglu4074
@umiterdemyigitoglu4074 - 17.11.2023 21:21

thank yu for talking about importance of alt atribute for screen readers

Ответить
@baliDOTid
@baliDOTid - 17.10.2023 00:35

u're good at explaining and ur voice/intonation is nice to listen to

Ответить
@saneshgobin4259
@saneshgobin4259 - 03.07.2023 19:54

The 360p limit on the video quality is painful to watch

Ответить
@siyamali5978
@siyamali5978 - 27.06.2023 19:54

thank you

Ответить
@predaspiano2291
@predaspiano2291 - 15.06.2023 19:38

my images are not showing

Ответить
@dekenparker-lynch1630
@dekenparker-lynch1630 - 03.06.2023 04:25

Refreshing my mind with things and your bringing back that excitement 👍🏾

Ответить
@goldenwolf2102
@goldenwolf2102 - 29.04.2023 04:08

Why won't my image show up from my saved pictures on Xubuntu?

Ответить
@KunalSinghSuper
@KunalSinghSuper - 24.03.2023 19:18

TOP student here

Ответить
@mike-yd5fv
@mike-yd5fv - 30.01.2023 17:39

Bro your course is so amazing! Thank you so much! :)

Ответить
@chimasamuel2902
@chimasamuel2902 - 22.01.2023 15:47

Hello i tried following your steps on uplaoding images already saved on my PC but it wouldn't display.what can i do to get it right? my code; <img src = " folder/image_name.jpg> what did i get wrong?

Ответить
@Bonnema_Bunch
@Bonnema_Bunch - 15.01.2023 20:02

I already know html and CSS but going through your videos is helping reinforce my knowledge. AND also make the skills stronger

Ответить
@lesliehayden8450
@lesliehayden8450 - 08.01.2023 02:08

TOP was here.

Ответить
@SheriffKoder9
@SheriffKoder9 - 12.09.2022 18:23

explaining the difference in
closing an image element with
/> and > is really cool thanks !

Ответить
@Gh0stlylee
@Gh0stlylee - 30.08.2022 14:06

glad i made it this far, lets keep on rolling!

Ответить
@scarasmash
@scarasmash - 06.08.2022 00:28

i can put pictures from internet but not from the folder 😭😭

Ответить
@raypalmer5125
@raypalmer5125 - 02.08.2022 10:26

Here from Odin. Thanks a lot for this tutorial.

Ответить
@MrBucket77
@MrBucket77 - 04.07.2022 19:19

My Image Name is test.png but still it doesn´t found it?

Do i need to do it in an Folder or something else?

Ответить
@quiztherapy6851
@quiztherapy6851 - 28.06.2022 04:05

when i link an image from a pixabay it never works. I cant understand why. It just shows that broken picture icon on the web page. I tried unplash pictures and same. What could be the reason? it does work when i download it to my computer. Also is it possible to change the size of the downloaded picture to fit the webpage?

Ответить
@sumanaaktar275
@sumanaaktar275 - 30.05.2022 17:11

Be happy
It is very good

Ответить
@AdrianRodriguezAIR
@AdrianRodriguezAIR - 19.04.2022 00:30

Poetic people will love image alternative text xD

Ответить
@nathalieferreira4357
@nathalieferreira4357 - 14.04.2022 11:58

thank you for all this work. Very helpfull to me.

Ответить
@MariusMarius-yy9ik
@MariusMarius-yy9ik - 03.04.2022 18:17

best teacher ever! :D

Ответить
@marvellousoluwagbenga9086
@marvellousoluwagbenga9086 - 24.03.2022 19:10

@Kevin Powell. When inserting images on my webpage through VS code it always indicates I put something like this (jpg.jpg). For example <Img src=“phonia.jpg.jpg”>. Befor it works..
Pls help me

Ответить
@SumanthLazarus
@SumanthLazarus - 18.03.2022 14:47

TOP 💯

Ответить
@nohandle759
@nohandle759 - 06.03.2022 10:28

Heres another comment on your videos. I hope they don't think I'm a bot.

Ответить
@2222melissa
@2222melissa - 05.02.2022 02:53

"I'm always going to call it alt text since we're just writing alt and it's much easier to say... So alternative text.." 😂 Made me laugh.

Ответить
@cannabisanomaly
@cannabisanomaly - 04.02.2022 23:45

I'm coming from Codecademy and they strongly suggest your alt texts be as objective as possible. How strongly should we adhere to that, in your opinion? For example, you including "beautiful" in sunset would go against Codecademy's suggestion. I think it's a little silly, but I'm just curious how many other people follow that guideline

Ответить
@workingwoman9331
@workingwoman9331 - 17.01.2022 19:03

Just curious how do you resize the image. My image shows up really big. I would like to minimize the photo.

Ответить
@salaheddinemessif7856
@salaheddinemessif7856 - 01.01.2022 14:54

Hello Kevin , how can you change width and height of an image without loosing the aspect Ratio ?... any help guys ?

Ответить
@matthewroy326
@matthewroy326 - 12.12.2021 06:44

Hi Kevin! Thanks for the great tutorials!

Im using VSCode2, and I am able to add an image from wikipedia but Im not able to add an image from the source folder. This is the line of code Im using, and the .jpg file is in the same folder as the html file.<img src="bald eagle eels2.jpg">

Any help

Ответить
@RashidYoussef
@RashidYoussef - 11.12.2021 00:46

Hampster do looks better than hamster tho

Ответить
@davidromero527
@davidromero527 - 07.12.2021 05:54

Odin!

Ответить
@snowbird2893
@snowbird2893 - 16.10.2021 06:28

I notice the more and more I go through The Odin Project each following video there are less and less views. That would insinuate that there is a high drop off rate fast. If you have made it this far, keep up the good work.

Ответить
@sepomubonda9913
@sepomubonda9913 - 15.10.2021 13:32

Thanks that was a good lesson. I have one question though. When I add an image to the website, it doesn't appear on Google Chrome but it does in Safari. What could be the problem? Or is there even a problem?

Ответить
@alexaruiz3907
@alexaruiz3907 - 08.10.2021 22:03

Got a good laugh from "hampster"!

Ответить
@Brian8059
@Brian8059 - 14.09.2021 21:42

Hello from The Odin Project! Love your videos so far. Where my fellow Odinians at?????

Ответить
@franklinmayad659
@franklinmayad659 - 09.09.2021 14:24

Thank you & Godbless You
I Learn the Basic and Simple to Make Website
Simple Explanation and Simple to Understand

Ответить
@theoreikeletseng9874
@theoreikeletseng9874 - 27.07.2021 16:28

Hi .how do I add Images without changing their quality

Ответить
@theoreikeletseng9874
@theoreikeletseng9874 - 27.07.2021 16:26

Nice

Ответить
@yavuzselimist34
@yavuzselimist34 - 24.07.2021 08:16

Awesome sir thank you so much

Ответить
@Valdaur
@Valdaur - 02.04.2021 13:57

I really appreciate the depth and intricate details you include when talking about tags and attributes. There's a lot of people who skim over these minor details which might course the learner to make mistakes later on without realising it.

Ответить
@gamewithdev2649
@gamewithdev2649 - 24.03.2021 16:32

Can I rename my file during the photo upload on my folder will that matter to not show on the web page?

Ответить
@AntonioLopez-ki1ku
@AntonioLopez-ki1ku - 20.11.2020 21:14

Great videos brother

Ответить
@410villa
@410villa - 19.08.2020 17:13

As a beginner, I’ve recently watched a lot of videos that have taught me some things about HTML/CSS. But I’m SO glad I found your channel today. Already you’ve gone in to depth about so many things that the other channels didn’t mention. So informative 👍🏽 thank you!!Must go watch all your videos now as I’m sure I’ll find lots of other tips that I’ve been missing.

Ответить
@backtosound9374
@backtosound9374 - 28.11.2019 09:37

It would be nice if you increase the size of the print so we can see it, as you once did in a previous vid.

Ответить
@cjbell7120
@cjbell7120 - 15.11.2019 19:05

I’m having trouble getting an image to display using Linux. Is there something I’m may be doing wrong

Ответить
@williampelletiervslol1949
@williampelletiervslol1949 - 08.07.2018 23:28

hi i love your vids and i want to know if alt tags can work as classes

Ответить
@rahulmaal
@rahulmaal - 07.07.2018 14:23

You are great

Ответить
@krishnav6244
@krishnav6244 - 31.03.2018 16:57

now after watching ur video, I'm feeling like I'm learning something!! Thank you so much again..!!

Ответить