How to Link a CSS File to a HTML File [Web Tutorial]

Поделиться
HTML-код
  • Опубликовано: 18 сен 2024
  • In this tutorial, I will show you how to easily link a CSS stylesheet to a HTML web page.
    Subscribe to be notified as and when I upload new tutorials in the future. Many more tutorials coming soon, so stay tuned!
    / joedracup
    Once again, I apologise for the poor mic quality. My mic is currently damaged and I am hoping to get a new one soon.
    Don't forget to like this video if you enjoyed it or found it useful in any way. Your support is very much appreciated.
    Share this video with anyone who you think would find it useful.
    Please leave any suggestions for future tutorials in the comment section below. Thank you.
    Follow me on Instagram:
    / omg_itz_joe
    Follow me on Twitter:
    / joedracup
    Software that I for/use in my videos:
    - Ezvid
    - Sublime Text 2
    - Adobe PhotoShop

Комментарии • 421

  • @spiridiums
    @spiridiums 6 лет назад +160

    This video was more helpful than my (paid) college professor at an esteemed art college. Thank you for posting this.

  • @FBI.1.0
    @FBI.1.0 4 года назад +12

    Mate after 4 years you are still saving lives, thanks and cheers

    • @Flyingkittoh
      @Flyingkittoh 3 года назад

      Five now

    • @OKm525
      @OKm525 3 месяца назад

      @@Flyingkittoh 8 now

  • @i-deegamingvideos6016
    @i-deegamingvideos6016 4 года назад +1

    This was uploaded 4 years ago but it just saved me. I was stuck for Three days 😭😭. You are a life saver. I've watched almost 100 videos but none solved my problem.. Definitely subscribing to your channel.

  • @matejasparavalo857
    @matejasparavalo857 5 лет назад +103

    Are we gonna ignore that he sad:"What's going DOWN guys?" xD

    • @naimaahmed4994
      @naimaahmed4994 4 года назад +3

      Mateja Šparavalo 😂 whts wrong with it?

    • @milandol321
      @milandol321 4 года назад +29

      Are we also gonna ignore that you said 'sad' instead of 'said'? XD

    • @milandol321
      @milandol321 4 года назад +1

      Sohail Mansoor Ansari I know, but it’s funny how he’s correcting someone while making a mistake in the only sentence he typed. It wasn’t meant bad, it was some sort of joke.

    • @AmeerHamza-wc5up
      @AmeerHamza-wc5up 3 года назад

      I think he must have heard sami zayns song too many time

    • @ansaazeem6847
      @ansaazeem6847 2 года назад

      No! he said, "What's going ON guys?" you were mistaken due to his accent, I think.

  • @madisonpaige321
    @madisonpaige321 3 года назад +4

    I appreciate you so much right now! I have been struggling for hours to connect my css the way my professor told me to and yours worked on the first try! you saved my grade

  • @libertyjoseph8523
    @libertyjoseph8523 5 лет назад +2

    Thanks, Joe. You saved me from this problem. I only follow your video 3 times and I was able to get it right. A million thanks.

  • @owen-plays1584
    @owen-plays1584 6 лет назад +17

    dude thanks a million now I can work stress free on my website oh and BTW anyone using notepad++ it works for that too :)

    • @kurittsuchan950
      @kurittsuchan950 5 лет назад +1

      Hey I'm using notepad ++ too but it doesn't work to me my css file can't link to my index

    • @micjakes1
      @micjakes1 4 года назад

      @@kurittsuchan950 Same here. What editor is he using?

    • @kurittsuchan950
      @kurittsuchan950 4 года назад

      @@micjakes1 try sublime

    • @micjakes1
      @micjakes1 4 года назад

      @@kurittsuchan950 Thank you. Will try it now.

    • @leentchen
      @leentchen 4 года назад

      nope! im using vs-code

  • @epicm999
    @epicm999 5 лет назад +4

    Wow! Thank you so much! Now I know that I can teach someone CSS and let them make the file for me while I do a bunch of background stuff! I honestly can't thank you enough.

  • @King_Bob_II
    @King_Bob_II Год назад +1

    bro this was so helpful unlike most videos where they dont explain whats going on

  • @HAL-mg4wy
    @HAL-mg4wy 4 года назад +54

    It still won't work, I'm getting mad over this, I just want to learn CSS and I can't even get started because of this.

    • @rventra85
      @rventra85 4 года назад +2

      you might need to use relative references. If the file is stored in folder that is above (so the sibling of the parent directory) then you need to 'go up one' and use ../

    • @kobby_kobby7018
      @kobby_kobby7018 4 года назад

      mine won't work either😕

    • @Paradox_Sol
      @Paradox_Sol 4 года назад +7

      I followed everything step by step and it still doesn't work im about to explode someone help.

    • @Pratsams
      @Pratsams 4 года назад

      ruclips.net/video/bL-E2pm1o8A/видео.html check this video it might help

    • @Pratsams
      @Pratsams 4 года назад

      @@kobby_kobby7018 ruclips.net/video/bL-E2pm1o8A/видео.html
      Check this out it might help!

  • @erikmekiassen5167
    @erikmekiassen5167 3 года назад

    u and the whole of youtube is the reason I haven't given up coding thank u so much!

  • @1973Washu
    @1973Washu 5 лет назад +1

    you explained this perfectly with zero waffling on. well done.

  • @Yourlokalhead
    @Yourlokalhead 4 года назад +4

    Thank you bro, will definitely check out some more of your informative videos. I'm new in Web Tech, I appreciate your efforts in helping folks like us catch up to the rest of the world.

  • @maameessilfuabuckman809
    @maameessilfuabuckman809 3 года назад

    dude thank you i was not paying attention in class and u honestly made it so easy for me to understand

  • @tahirbhai173
    @tahirbhai173 Год назад

    thank u so much i wasted 2 hours just for css file not saving in another folder finally my problem solved thanks

  • @priyanshusolon8924
    @priyanshusolon8924 3 года назад +1

    finally found a video which made my day worth,thanks bro you helped a lot than those hours long videos

  • @Lauraphipps5555
    @Lauraphipps5555 2 года назад

    Life saver! I forgot how to go forward to the next directory from my root directory and file in the root. Thank you.

  • @Iam_rayhutch
    @Iam_rayhutch 3 года назад +1

    This was so helpful thank you! I was reaching the point of frustration before I found your video!

  • @alijahvaldez9801
    @alijahvaldez9801 5 лет назад +1

    Thank you bro ! helped me out ! straight to the point unlike these other videos giving me 20 mins run around

  • @tomward5293
    @tomward5293 6 лет назад

    I cannot explain how embarrassingly long it took my to stick these two together. Nobody else explained to make a folder with your css in and that you specifically need to show the file path in the html. Maybe it was common sense but this was the tutorial that got me past this annoyingly simple hurdle. Thanks.

    • @diastrus1236
      @diastrus1236 6 лет назад

      Same issue here man, took a lot of research to finally bring me here to figure it out

  • @rezzzmusicals
    @rezzzmusicals Год назад

    I am struggles with this before 2 hours now your very video really very helpful to me thank you so much

  • @shasha7677
    @shasha7677 3 года назад +1

    This is the right thing I was search in

  • @irminadaniel8711
    @irminadaniel8711 5 лет назад +5

    Buddy this was helpful even though I haven't tried it yet but, I can see some light in there... I watched like 7 videos today just trying to identify where I went wrong to no success...but this is simple,clear,and super straightforward (not time consuming) you definitely earned my thumb up + subscription 😉👏👏

  • @itzbrioche
    @itzbrioche 4 года назад +4

    You saved my life with the problem my problem was i typed "

  • @jamaelapagcaliwagan1489
    @jamaelapagcaliwagan1489 2 года назад

    OMG thankk you, you really saved me from my pt that's due on friday. Crazy that this is 3yrs ago

  • @Deemaryha
    @Deemaryha Год назад

    Thanks so much, RUclips is a great stack of knowledge

  • @gamma9397
    @gamma9397 3 года назад +1

    for the tags and tags you dont need to put / after that was for xhtml

  • @diastrus1236
    @diastrus1236 6 лет назад +5

    Great video! It would be really awesomely helpful if you could give more information on how to write the file path for the value of your href attribute

  • @kathiravanarun8569
    @kathiravanarun8569 3 года назад +2

    Wow. Thank you a lot and a lot. Now i learnt to link html and css. 😊😊

  • @akshaysarkar4261
    @akshaysarkar4261 4 года назад +1

    Thanks for the tutorial. It really helped using CSS for my HTML.

  • @arkarjitkumar4166
    @arkarjitkumar4166 2 года назад

    Thank you brother for your help i was so tense from last 1 hour

  • @salekahmed8916
    @salekahmed8916 3 года назад

    After 5 years o brother thanks a lot take love

  • @imnotscreaming7938
    @imnotscreaming7938 6 лет назад

    Jesus fucking Christ it worked, IT WORKED, thanks man, i've been burning my head off with this

  • @ammararana3425
    @ammararana3425 3 года назад

    That was my biggest issue for 5 days.thanks for sharing this.this is easy and helpul method simple.

  • @elvis_yt2860
    @elvis_yt2860 4 года назад +1

    Bro thank u.. U saved my life...

  • @mrlessons2656
    @mrlessons2656 3 года назад

    I am a new comer to web development, and learning it from RUclips and google, thx the creators and specially google and RUclips :)

  • @summertimeinchile72
    @summertimeinchile72 7 лет назад

    thanks Joe I was stuck for 2 days on linking my html to CSS and it worked excellent work later thanks for your helpful vid.

  • @snowman1185-v
    @snowman1185-v Год назад

    Thanks for your tutorial! Happy Holidays mate! :D

  • @yashpratapsinghyt
    @yashpratapsinghyt 3 года назад +1

    Thanks bro it was really helpful

  • @hjtv9952
    @hjtv9952 5 лет назад

    i have been searching for hours and you helped me in a matter of seconds! thank you! very quick and to the point!

  • @abdiazizhamza5866
    @abdiazizhamza5866 3 года назад

    thanks man i was panicking lol . ive been trying to link my first html to my first css for over 2 hours .thanks alot

  • @jeffreys.2765
    @jeffreys.2765 2 года назад

    Thank you bro! I'm about to quit, but you saved me from my imposter syndrome 🥺

  • @matinanwar6467
    @matinanwar6467 Год назад

    Thanks bro i am lucking for 40 min for link but its finnaly work thanks lot ❤️❤️

  • @celdeveloper8890
    @celdeveloper8890 2 года назад

    Thank you so much, you've help me debug my problem with your thorough and detail instructions

  • @IanPeters1966
    @IanPeters1966 4 года назад

    Thanks. Very easy to follow, even for an old guy trying to learn something new.

  • @Adarsh-mn7pl
    @Adarsh-mn7pl 6 лет назад +1

    thanks lot sir i was trying too hard to add style my page but was unsuccessfull and only after watching your video i sucsesfully

  • @akoleajeayodeji6490
    @akoleajeayodeji6490 10 месяцев назад

    Thanks so much, brotherly! God bless you!! I really needed to know this.

  • @happyjalapeno9397
    @happyjalapeno9397 6 лет назад

    Best tutorial I have seen so far, subbed

  • @keithforrester4806
    @keithforrester4806 3 года назад

    Worked out just fine, thanks for this. Now I have something to experiment with.

  • @abdelrahmanmohamed1206
    @abdelrahmanmohamed1206 5 лет назад +1

    I don't know who u are but you saved my mind from being damaged 😅😅 I was trying it for 3 days ago , and find out that I lost ( css\ ) only 😂
    Thaaaanks Bro 😍

  • @everfaithful8796
    @everfaithful8796 4 года назад

    ave watch 20 videos no help and as soon as i watch your video i sucessfully linked my css to html thanks so much

  • @darshanaravikumar5737
    @darshanaravikumar5737 3 года назад

    Thank you so much for this...I was confused and after this I completed my project..really grateful😊

  • @BooolZay
    @BooolZay 6 лет назад +1

    Im like totally new to HTML and stuff

  • @Saadtub3
    @Saadtub3 2 года назад

    Ty bro I have final project and I have to make a website thus saved me so much time

  • @Blessindisguise
    @Blessindisguise 5 лет назад

    It FINALLY worked! Also check the spelling and comas everyone.

  • @arcadicus_ezevius
    @arcadicus_ezevius 4 года назад

    Thanks for this.
    I really hate that most tutorials for programming languages don’t even tell you how to actually put stuff together. Or I guess they just don’t start with it but still...

  • @Gdrizz
    @Gdrizz 6 лет назад

    Thanks alot bro i was seeking for it from last 2 days

  • @sebglitter
    @sebglitter 3 года назад

    U r brilliant keep doing more helpful tips abt css

  • @kalyanigupta8517
    @kalyanigupta8517 4 года назад

    Finally i know how to link by this video
    THANK YOU

  • @santoshkathole4887
    @santoshkathole4887 2 года назад +1

    you are just awesome bro

  • @joshuakanda9863
    @joshuakanda9863 3 года назад

    dude you saved my assignment

  • @asuohas2004
    @asuohas2004 3 года назад

    I love you for making things easy

  • @emman_toribio
    @emman_toribio 4 года назад

    This really helped me with my quiz in coding thank you very much!

  • @srh1099
    @srh1099 3 года назад +1

    Thanks a lot man u helped me earning $50

  • @jasonjonathan9859
    @jasonjonathan9859 4 года назад

    Thanks dude you save my life

  • @JStar-wd1ne
    @JStar-wd1ne 4 года назад

    Your the man for this, blessings to you 🙏🏾🙏🏾

  • @standardlatinohuman
    @standardlatinohuman 3 года назад

    Thank you. I was missing a " and that is why it wasn't working. Through your video I found out. Thanks for making it simple.

  • @samrad6508
    @samrad6508 5 лет назад

    I use *sublime text 3* and it worked . thanks bro

  • @bhavyacheruku22
    @bhavyacheruku22 2 года назад

    Tqsm myaaaann......... 😍 i was really helpful..

  • @oreojustinvlogs8091
    @oreojustinvlogs8091 3 года назад +1

    Thanks a lot for this Bro, GODBless to you..

  • @austejastankeviciute4864
    @austejastankeviciute4864 6 лет назад

    Omg! This is the BEST tutorial i have ever seen, thank you so mutch! You have saved me ;)

  • @patriciamytime6927
    @patriciamytime6927 3 года назад

    Super helpful !!!! Thank you

  • @MohamedAyman-li6rp
    @MohamedAyman-li6rp 7 лет назад

    Thank you, i was search around you the one who make it out.

  • @oluwadamilolamobolaji8555
    @oluwadamilolamobolaji8555 2 года назад

    So simple and helpful Omg !

  • @sebastiancastro3566
    @sebastiancastro3566 4 года назад +2

    Bruh just doing my project hahahaha, tnx btw

  • @tshegomoeng5314
    @tshegomoeng5314 3 года назад

    Thank you soo much I understand css better

  • @TRAIN-Nigeria
    @TRAIN-Nigeria 3 года назад

    Thank you and thank you've save me some hours of work

  • @geekprobin1456
    @geekprobin1456 4 года назад

    Nice video for beginner learners

  • @shivudhanak1416
    @shivudhanak1416 4 года назад

    Thnq you so much man uh saved me .. ❤❤

  • @lasermodeler
    @lasermodeler 4 года назад

    Thanks. It helps answer a few nagging questions.

  • @pips_queaky
    @pips_queaky 3 года назад

    Hey! Yoe solved my 2days problem, Thank you!

  • @eanimini
    @eanimini 3 года назад

    Thank you brother this was really helpful. 💯

  • @selmonbhoi393
    @selmonbhoi393 2 года назад

    thanks for this video this helped me a lot

  • @Sudhanshu-es6lz
    @Sudhanshu-es6lz 2 года назад

    thanks man!!! you solved my issue

  • @gaurav6237
    @gaurav6237 5 лет назад

    Thanku so much!!
    You didn't think how much i trouble d for it

  • @clarkeleung9317
    @clarkeleung9317 7 лет назад

    Nicely explained! Keep up the good work

  • @janarthanang4303
    @janarthanang4303 4 года назад

    Thank you so much bro! You explained it easily.🙂

  • @Yash-ic1hf
    @Yash-ic1hf 4 года назад

    Thanks man! Glad I found this video🙏

  • @mumbaikachallenge5526
    @mumbaikachallenge5526 2 года назад

    Really helpful sir❤️❤️❤️❤️

  • @Gamemaster60101
    @Gamemaster60101 4 года назад

    Thanks alot man you deserve a like 😍

  • @leentchen
    @leentchen 4 года назад

    Wow helped me really much! Thank You soo much i really apreciate it!

  • @ohstayyeah
    @ohstayyeah 5 лет назад

    THE BEST! Easy understanable #good job!

  • @Brolala169
    @Brolala169 2 года назад +1

    Thank you very much sir

  • @Innuband
    @Innuband 2 года назад

    Thank you for sharing!

  • @lovepreetbca534singh5
    @lovepreetbca534singh5 2 года назад

    This video is very helpful for me 👍

  • @star_t1
    @star_t1 3 года назад +2

    What program are you using for that? (I made my website on notepad - NOT NOTEPAD++)

  • @athossergiu1256
    @athossergiu1256 4 года назад

    Thank you. It worked.

  • @johnmansour8776
    @johnmansour8776 5 лет назад

    Very good advice thank you

  • @sparkbark7640
    @sparkbark7640 2 года назад

    thank you, this helped alot!

  • @matthewmuang7276
    @matthewmuang7276 7 лет назад

    it very helpful thanks Joe Dracup God bless you