Learn HTML images in 3 minutes 📷

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ต.ค. 2024
  • HTML images img element tutorial example explained
    #HTML #images #tutorial

ความคิดเห็น • 172

  • @BroCodez
    @BroCodez  3 ปีที่แล้ว +109

    My first website

    • @debapriyasinha11
      @debapriyasinha11 3 ปีที่แล้ว

      Lol

    • @felman7
      @felman7 3 ปีที่แล้ว

      shrexy

    • @debapriyasinha11
      @debapriyasinha11 3 ปีที่แล้ว

      @@felman7 Lol

    • @STAUFENGER
      @STAUFENGER ปีที่แล้ว +1

      What program/software are You using?

    • @beatboxers7706
      @beatboxers7706 11 หลายเดือนก่อน +1

      hello sir when i write the code it is not working but when i copy your code it works why

  • @_Anna_Nass_
    @_Anna_Nass_ ปีที่แล้ว +47

    You taught me Java and now we’re doing HTML! Yay🎉 You’re literally the backbone of my college education thank you ❤

  • @syllight9053
    @syllight9053 3 ปีที่แล้ว +46

    When I see Bro with Shrek, it makes me go *yes* .

  • @couupakb9669
    @couupakb9669 ปีที่แล้ว +10

    I tried to add a img to my page but all thats coming up is a silhouette of a image but the image is not showing, it as a img icon picture in the top left corner but no img showing, do you know where i've gone wrong?

    • @ronaldrodriguez5144
      @ronaldrodriguez5144 ปีที่แล้ว +3

      I'm having the same issue. Can't figure out how to fix it.

    • @Muhammadbabura
      @Muhammadbabura 2 หลายเดือนก่อน +1

      Same here, please who has the answer to this question?
      @everyone pls

    • @merneetaromero5009
      @merneetaromero5009 21 วันที่ผ่านมา

      Same

    • @merneetaromero5009
      @merneetaromero5009 21 วันที่ผ่านมา

      It shows up on the actual website, just not the index html

    • @ProjectN-0
      @ProjectN-0 13 วันที่ผ่านมา +1

      @@Muhammadbaburaokay so change the image folder to img, I did it and it shows up for me

  • @Auntiebird
    @Auntiebird หลายเดือนก่อน

    yo thank you man, my teacher couldn't even teach me about image inserting. deserve a sub.

  • @kirtikbiswas9010
    @kirtikbiswas9010 2 ปีที่แล้ว +17

    Bro you are just godlike! I have been watching many videos on HTML ......i know its a simple markup language but i couldnt understand a single thing from any other channels who taught the same!..........But u are just something else u made HTML so fun and understandable for me🥺🥺

  • @AdityaPrasad-dt3oh
    @AdityaPrasad-dt3oh 3 ปีที่แล้ว +4

    0:07
    >>I just happened to have a picture of shrek.
    Dont we all have pictures of shrek on our computer, smh.

  • @gunjanshah4844
    @gunjanshah4844 3 ปีที่แล้ว +7

    Amazing, now my web pages will have rickroll links :)

  • @CreeperG0d
    @CreeperG0d 2 ปีที่แล้ว +10

    I was having trouble doing this. And it was way more helpful that hours of a tutorialor even 15 minutes.

  • @jeffu3248
    @jeffu3248 ปีที่แล้ว +10

    Life Saver! Going through HTML class at school and couldn't figure out what I was doing wrong with the images and why it would not work. You broke this down perfectly. Thank you!! 😁

    • @roblogs7168
      @roblogs7168 ปีที่แล้ว

      Which school are you attending brother

    • @rojank.c.5533
      @rojank.c.5533 หลายเดือนก่อน

      same here bro

  • @cadmium4113
    @cadmium4113 3 ปีที่แล้ว +5

    A journey with my bro💙

  • @chiranjeeviy1972
    @chiranjeeviy1972 11 หลายเดือนก่อน +2

    First I really hated html by seeing this video I am interested to learn html

  • @anthonymonterosso7472
    @anthonymonterosso7472 11 หลายเดือนก่อน +2

    any reason why this doesn't work for me? I have everything typed out identical (minus the image name of course) and I still don't get my image displayed. I've tried everything and it's not working

    • @DreadfulPhantom
      @DreadfulPhantom 8 หลายเดือนก่อน

      Same

    • @kizmannia
      @kizmannia 8 หลายเดือนก่อน

      Show your whole text here -

  • @gunasekhar960
    @gunasekhar960 2 ปีที่แล้ว +2

    Hy Bro...
    after moving the image to folder and tried with it didnt worked.
    but it worked with this line though ...!!!!

  • @debapriyasinha11
    @debapriyasinha11 3 ปีที่แล้ว +4

    Finnaly in vs Code!

  • @Zerathina
    @Zerathina ปีที่แล้ว +3

    Ok I respect this man! I am actually visually impaired and taking a new interest in playing with HTML and such, so I genuinely respect you for mentioning the convenience for the visually impaired

  • @jawwadhassan1633
    @jawwadhassan1633 ปีที่แล้ว +1

    Thanks So Much Bro

  • @MauriceWilliams
    @MauriceWilliams ปีที่แล้ว +4

    I still can't get the image to load in my html, however I did learn a new trick of being able to make an image a link. I never knew that. Thanks buddy!

    • @lifeisdead01
      @lifeisdead01 ปีที่แล้ว +6

      Try to take out the first forward slash in the img tag if the image is contained in a separate folder from your index.html file.
      Ex. instead of
      This worked for me

    • @MauriceWilliams
      @MauriceWilliams ปีที่แล้ว +2

      @@lifeisdead01 Thanks man my instructor said the same thing. You're great my dude!

    • @johnnybenoit6406
      @johnnybenoit6406 11 หลายเดือนก่อน

      @@lifeisdead01 life saver

  • @SKGAMER12232
    @SKGAMER12232 ปีที่แล้ว +2

    Where do you code?

  • @dimebagfan27
    @dimebagfan27 ปีที่แล้ว +1

    bro it doesnt work like i typed in
    Debug Site


    WHATS WRONG!!?!??!

    • @BroCodez
      @BroCodez  ปีที่แล้ว

      src

    • @dimebagfan27
      @dimebagfan27 ปีที่แล้ว

      @@BroCodez thank you soo much! i am struggling with begginer coding and you help me out!!

  • @majin2909
    @majin2909 3 ปีที่แล้ว +2

    Like, than watching the video, already know is gonna be some good quality as usual

  • @aditya_asundi
    @aditya_asundi 3 ปีที่แล้ว +2

    help i accidentally destroyed the like button

  • @Ssuperneonff
    @Ssuperneonff 4 หลายเดือนก่อน +1

    how can we change the position of the image?

  • @racczs2336
    @racczs2336 2 ปีที่แล้ว +1

    I thought you could use images from the internet as well by putting there url where src = is . please let me know if this is possible I'm new to coding. it is a constant struggle

  • @frankeddy9516
    @frankeddy9516 ปีที่แล้ว +7

    i was having a difficult time doing this but you made it simpler brother, thanks for your work

  • @Hunter-ii9wt
    @Hunter-ii9wt 3 ปีที่แล้ว +8

    I can confidently say that I have learnt more from you than school !

    • @dandy_handy_mandy
      @dandy_handy_mandy ปีที่แล้ว

      SAME HERE!!!!! FOR REALLLLL. I am signing up for his courses when he starts!

  • @iven.jsr07
    @iven.jsr07 3 ปีที่แล้ว +2

    Thanks man! I'm looking forward to the next video!

  • @rojank.c.5533
    @rojank.c.5533 หลายเดือนก่อน

    Who is here for a project work?

  • @belguida1978
    @belguida1978 ปีที่แล้ว +1

    YOUR SUCH A HERO!!!
    this video helped me so much thank god!
    great video man im liking this one

  • @cervan1es
    @cervan1es 8 หลายเดือนก่อน

    👑

  • @adhanjoshuaricafrente1316
    @adhanjoshuaricafrente1316 5 หลายเดือนก่อน

    I'm using textedit. I have questions, why didn't my PNG image display on my webpage?

  • @smallSphere69
    @smallSphere69 ปีที่แล้ว +6

    Bro saved me from giving up from web developing.

  • @CyranicalGoated
    @CyranicalGoated 6 หลายเดือนก่อน

    I actually understood this

  • @pedrobeats3885
    @pedrobeats3885 11 หลายเดือนก่อน

    im sending my file with the images to my friends but they can't see anything. is that normal? (p.s im new on this world)

  • @dilson551
    @dilson551 ปีที่แล้ว +2

    THANK YOU! I was stuck for hours trying to fix this issue

  • @Muhammadbabura
    @Muhammadbabura 2 หลายเดือนก่อน

    Thanks man, for explaining it so good
    You just got a Subscriber ❤

  • @arslangul3621
    @arslangul3621 2 ปีที่แล้ว +1

    great value inside this course.i have question is its full course of HTML (A-Z)?Cause i have visited w3school and on that website there is lot of sections containing more information about html?is your course enough for creating basic structure of website for noob?

  • @rveal948
    @rveal948 3 ปีที่แล้ว +2

    i love this, keep going

  • @BrookieSmallz
    @BrookieSmallz หลายเดือนก่อน

    I want to add an image but not add another folder or add it to the preexisting folder. I need a random image only on a tab

  • @kautilyasrivastava-et2vb
    @kautilyasrivastava-et2vb หลายเดือนก่อน +1

    shrex is shrexy

  • @DonkeykongSw2
    @DonkeykongSw2 2 ปีที่แล้ว

    This, and C....C.... guy really help me understanding these languages.
    Because when I learned at university, I was too lazy and barely understand these and purpose of them.

  • @Иблис96
    @Иблис96 5 หลายเดือนก่อน

    couldnt finish the video, BUSTED immediately!

  • @GylMorinGalvez
    @GylMorinGalvez 7 หลายเดือนก่อน

    broo I Have a question Can I add my literal photo in html????

  • @user-mary_hist
    @user-mary_hist 4 หลายเดือนก่อน

    It still does not now working on me. What should I do ? Any idea?

  • @BLUE...RED....BLACK000
    @BLUE...RED....BLACK000 ปีที่แล้ว

    I didn't understand. I have never used HTML or anything like that but ok I did as u showed, then nothing happens . Do I have to save anything or what? I wanna insert a HTML image somewhere and how??

  • @coolandgood1010
    @coolandgood1010 10 หลายเดือนก่อน

    I literally got on my knees and started kissing the CPU tower, BRO... I fucking LOVE you.

  • @chantalabate4413
    @chantalabate4413 2 หลายเดือนก่อน

    Thanks for the video. It was useful. You deserve a like

  • @DArK-xj8lr
    @DArK-xj8lr 3 ปีที่แล้ว

    Yes, now I can add Shrek memes to my webpage(with guns, ...cuz ..guns)

  • @friesdies
    @friesdies 6 หลายเดือนก่อน

    i cant believe our teacher showed this tutorial

  • @SethPL69
    @SethPL69 5 หลายเดือนก่อน

    im learning html and im making my own website i use your videos as good source of learning thx for your content and good videos!!! 😍😍

  • @xiankarlph9024
    @xiankarlph9024 11 หลายเดือนก่อน

    Bro help my image is not showing even i go and chrome please help

  • @charispatrick-nwachi
    @charispatrick-nwachi ปีที่แล้ว

    my image tags is invalid without the closing second pair unlike yours. pls is there a reason why? as i use microsoft expression to code

  • @yashchauhan.
    @yashchauhan. ปีที่แล้ว

    Welcome to the space X, you are pass in interview 🎉

  • @TerukiVAL
    @TerukiVAL ปีที่แล้ว

    is it possible to put the image anywhere on the page, like in an absolute position/location?? TIA

  • @robe.amorim
    @robe.amorim ปีที่แล้ว

    Good channel!! 😂😂 is so funny.
    I am from Brazil, like your channel.

  • @bruhbruh-go2kk
    @bruhbruh-go2kk ปีที่แล้ว

    do you know how to do this on w3schools? I tried the exact same thing on this video and the one on tutorials tab but nothing seems to work

  • @keithmanuelesparas2032
    @keithmanuelesparas2032 ปีที่แล้ว

    i can't load my picture help me is it because my picture is in jpg??? pls help me im new of this html

  • @saiklono8503
    @saiklono8503 3 ปีที่แล้ว

    pls make a video on making a website! (python)

  • @zikrullahulfat568
    @zikrullahulfat568 4 หลายเดือนก่อน

    Thanks

  • @HilariousFlush-b2r
    @HilariousFlush-b2r หลายเดือนก่อน

    Hall Paul Perez Deborah Rodriguez Sarah

  • @Horizon-yf8ll
    @Horizon-yf8ll ปีที่แล้ว

    you're wrong on src="/images/sans.jpg because it only worked when i used src="images/sans.jpg

  • @jaystjohn2072
    @jaystjohn2072 ปีที่แล้ว +1

    Top tier tutorial thanks Bro!

  • @KALLOLKUMARSENGUPTA
    @KALLOLKUMARSENGUPTA หลายเดือนก่อน

    Thank you so much it worked

  • @1playbattlefield513
    @1playbattlefield513 11 หลายเดือนก่อน

    Hey Bro code, is there a way to move the image to the right or left?

  • @bhardzporzee1843
    @bhardzporzee1843 6 หลายเดือนก่อน

    "extra skinny Shrek hmmm" 😂💀

  • @ashrafal-kasaji8899
    @ashrafal-kasaji8899 ปีที่แล้ว

    thank u very much bro, u saved me!!!!!

  • @bhavyarides
    @bhavyarides 3 ปีที่แล้ว

    Just following bro's HTML playlist 🌚🌝🤓

  • @SmileEvErydAy
    @SmileEvErydAy ปีที่แล้ว

    Shrek 4 president

  • @iztillanurulla151
    @iztillanurulla151 7 หลายเดือนก่อน

    this is my favorite youtube channel , thanks for you hard work

  • @Dante-xf1mu
    @Dante-xf1mu ปีที่แล้ว

    Random comment to smash youtube

  • @joestarjoestar1020
    @joestarjoestar1020 ปีที่แล้ว

    Thanks. I was in a hurry and this literally took me like 5 seconds.

  • @yehannk448
    @yehannk448 3 ปีที่แล้ว

    bro do you have any idea of doing a paint net tutorial

  • @chakilamlalithsai4363
    @chakilamlalithsai4363 3 ปีที่แล้ว

    Hey Bro!
    Please can you tell me your pc specifications?

  • @dariansaman
    @dariansaman 8 หลายเดือนก่อน

    Thx so much bro this really helps on my test

  • @jubibi390
    @jubibi390 ปีที่แล้ว

    shrek is shrexy

  • @unknown55-s9o
    @unknown55-s9o 7 หลายเดือนก่อน

    Thank you!!

  • @Levilemon309
    @Levilemon309 10 หลายเดือนก่อน

    why does it show like the image but not present.

    • @Levilemon309
      @Levilemon309 10 หลายเดือนก่อน

      OH NVM it just note pad.

  • @OmarElshikh1
    @OmarElshikh1 2 หลายเดือนก่อน

    Ty❤

  • @hikanightcore3745
    @hikanightcore3745 3 ปีที่แล้ว

    random cmt !

  • @jaiveerjaitly6353
    @jaiveerjaitly6353 ปีที่แล้ว

    this is a random comment

  • @ligiafedericci6608
    @ligiafedericci6608 6 หลายเดือนก่อน

    YOU ARE AMAZING

  • @kingcrimson45
    @kingcrimson45 ปีที่แล้ว

    shrek approves this video👌

  • @usealtf4344
    @usealtf4344 ปีที่แล้ว

    I love you (no homo)

  • @Mist_Ninjutsu
    @Mist_Ninjutsu ปีที่แล้ว

    Shrek bro

  • @pcran9663
    @pcran9663 ปีที่แล้ว

    tysm man realy useful

  • @OceanLover8008
    @OceanLover8008 ปีที่แล้ว

    Thanks Bro..!!

  • @SankalpTheGamer635
    @SankalpTheGamer635 3 หลายเดือนก่อน

    Shrek 4 President

  • @ebaythedj
    @ebaythedj ปีที่แล้ว

    you dont need to do "/images/shrek.png" just "images/shrek.png"

  • @Nightmares176
    @Nightmares176 9 หลายเดือนก่อน

    What if it's jpeg

  • @durantratcliff6455
    @durantratcliff6455 ปีที่แล้ว

  • @omercnk37
    @omercnk37 ปีที่แล้ว

    W man

  • @royansuman636
    @royansuman636 7 หลายเดือนก่อน

    Yes it is absolutely correct method

  • @ViderickMutwiri
    @ViderickMutwiri 10 หลายเดือนก่อน

    Your tutorials are incredible bro kudos🎉

  • @azizbekrakhimov1885
    @azizbekrakhimov1885 8 หลายเดือนก่อน

    Perfect. Thank you brother👍

  • @MeuTube
    @MeuTube 2 ปีที่แล้ว

    Hello bro, you are a legend.😍

  • @xtremeyy
    @xtremeyy 3 ปีที่แล้ว

    Why i feel like shrek is bro code...

  • @brentbaluis8848
    @brentbaluis8848 ปีที่แล้ว

    shrek 4 president

  • @Gab535
    @Gab535 3 ปีที่แล้ว

    shrek 4 president

  • @saoseanlong7054
    @saoseanlong7054 ปีที่แล้ว

    shrek 4president

  • @48-_
    @48-_ ปีที่แล้ว

    а