HomeОбразованиеRelated VideosMore From: Joe Dracup

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

635 ratings | 91066 views
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! http://www.youtube.com/user/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: http://www.instagram.com/omg_itz_joe/ Follow me on Twitter: http://www.twitter.com/JoeDracup/ Software that I for/use in my videos: - Ezvid - Sublime Text 2 - Adobe PhotoShop
Html code for embedding videos on your blog
Text Comments (103)
Umair Khan (5 hours ago)
Thanks Its really work
Sakil Anjum (11 days ago)
bro is this tutorial work in vs code?
Billy Lowe (26 days ago)
Thank you for these basics that so may people overlook. foundations first. I needed this. Help w/ Child theme? ;-)
arx harun (1 month ago)
Thimks
ANURAG KUMAR (1 month ago)
Very nice..
Blessindisguise (1 month ago)
It FINALLY worked! Also check the spelling and comas everyone.
Andrew Nguyen (1 month ago)
Will this link still work once you've hosted it on an online domain? My thought process is because this link is pointing to a local directory?
Omg! This is the BEST tutorial i have ever seen, thank you so mutch! You have saved me ;)
I ́M NOT SCREAMING (2 months ago)
Jesus fucking Christ it worked, IT WORKED, thanks man, i've been burning my head off with this
Tech Mech (2 months ago)
Just click on File>Save (on the HTML file) and it will work 100%
thank you :):):):):):):):):)
Diastrus (2 months ago)
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
Huzaifa Zaz (2 months ago)
oh man...... after 2 days of work i finally got it. I cant believe it man. this feels amazing. this is a f**king booster. for all the newbies out there like me. If you want to learn web development..... dont give up. it is HARD. just dont f**king give up. You will get it. Just like I did. It takes time. I think you have to set up the folders correctly. This vid is amazing. Do it like this and you will get it.
Huzaifa Zaz (2 months ago)
This feels fucking amazing
app 만드는사람 (4 months ago)
How to Link a HTML File to a HTML File???
Cameron Johnson (2 months ago)
<a href="index.html">name</a>
Tech Go 2 (5 months ago)
can you make check list with saving other locations
Edward Leon (5 months ago)
This video was more helpful than my (paid) college professor at an esteemed art college. Thank you for posting this.
Vihaan Sharma (5 months ago)
it did not link my file
sanjay a p p (2 months ago)
something wrong with saving ur file, Check out
Cordial Jeyaseelan (6 months ago)
Hi, i'm jai , need your help
English Oak (6 months ago)
Best tutorial I have seen so far, subbed
Gaming Universe (6 months ago)
Thanks alot bro i was seeking for it from last 2 days
Banschrödinger (6 months ago)
Thanks <3
Leslie Do (6 months ago)
Excellent and clear explanation! I linked my CSS file to my HTML file successfully!
VanaFanta (7 months ago)
YOU JUST SAVED ME THANK YOU!!!!!
Tom Ward (8 months ago)
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.
Diastrus (2 months ago)
Same issue here man, took a lot of research to finally bring me here to figure it out
ICON Anik (9 months ago)
Thanks dear because you help me...
beam john (9 months ago)
Saved my ass !
Sarbjot Dhaliwal (9 months ago)
Which notepad you use??
kranthi kumar (10 months ago)
yup.. its good. thqq #joe Dracup
Ollrog (10 months ago)
so helpful thank you
JEEP MASKO AFRICA (10 months ago)
thanks so much have done it well
MAK 99 (10 months ago)
THANK YOU :,,,)
Gabriel Lobo (11 months ago)
thank for the help mate
PiggyMan (1 year ago)
i cant linik it please help i really want to do it im searching for a answer but cant find anything pleasseeeeeee help
Tech Mech (2 months ago)
Just click on File>Save (on the html file) option and try that
Adarsh kumar (1 year ago)
thanks lot sir i was trying too hard to add style my page but was unsuccessfull and only after watching your video i sucsesfully
Hafizul Islam (1 year ago)
thanks !
Born to Html (11 months ago)
https://www.youtube.com/watch?v=GkQmEa9N1D4
Thanks Man!!
Zam Boy (1 year ago)
Im like totally new to HTML and stuff <(as u can see) and uni lectures are.......pfff !!! But this vid was really helpfull for more than one problems I had, *thumbs up*
eoghan byrne (1 year ago)
dude thanks a million now I can work stress free on my website oh and BTW anyone using notepad++ it works for that too :)
Ned (1 year ago)
How do you change your sites url ???????? plz help anyone!!!!! I will sub to you ;)
Ani Grigoryan (1 year ago)
thanks
Born to Html (11 months ago)
https://www.youtube.com/watch?v=GkQmEa9N1D4
zahra dzikrillah (1 year ago)
it still not linked :(
Tech Mech (2 months ago)
Just click on File>Save on the HTML and it will work
Will Diaz (4 months ago)
are you running bootstrap?
Mike Dun (4 months ago)
it will nt link, this is crazy, i hate when simple things dont work
Jainish Patel (4 months ago)
yes me too
Vitus Bollerup (8 months ago)
me too
Mishelle Midz (1 year ago)
I really like listening to you <3 thanks!
Thabo Monamudi (1 year ago)
when I link m pages the browser complains that it cannot find a file at a directory
Joey Douse (1 year ago)
do you have a page i can follow i really understood your tutorial
Mikael Hagelstam (1 year ago)
Joe Dracup I need help with this thing: style.css doesn't want to link with the index.html and I did the same way as you did. plzz help me as fast as you can.
muang pi (1 year ago)
it very helpful thanks Joe Dracup God bless you
parash poudel (1 year ago)
Thanks bro!!!!!
Costea Aurelian (1 year ago)
*thanks!*
Ameen C P (1 year ago)
hay Joe Dracup i just want a help in html i cant connect css to html, I did what you did exactly still not connecting
Ryan Brown (1 year ago)
Amazing, i watch other videos and couldn't get it to work, i watch yours and get it on the first try, lol thanks man!!
Gucci VI (1 year ago)
The problem is, I WANT TO PUBLISH IT with the css and html. But the my website creator just shows html only.
Ur AWESOME :3 (1 year ago)
<3
kabhika chambala (1 year ago)
Your Video background color is not fabulous. set white screen window background
grace amegboh (1 year ago)
thanks!!!!!!!!
pinho daniel (1 year ago)
thank you :)
hồ nam (1 year ago)
thank you dude <3
Born to Html (11 months ago)
https://www.youtube.com/watch?v=GkQmEa9N1D4
ZzZzZzZ zZzZzZzZz (1 year ago)
thankyou man :D the <hr /> tool was useful as well!
Clarke Leung (1 year ago)
Nicely explained! Keep up the good work
Mohamed Ayman (1 year ago)
Thank you, i was search around you the one who make it out.
Maniac Jack (1 year ago)
does this work with notepad++
max legend lol same 😭
max legend (1 year ago)
man my css will not link im so annoyed by this lol
Joe Dracup (1 year ago)
Maniac Jack of course!
Rich Williams (1 year ago)
i didnt know danny willet was a computer hak as well as a golfer.
حقائق (1 year ago)
thank you very very much it work well
HERO KING MOLLEL TV (1 year ago)
better
想磨សោមា (1 year ago)
it every helpfull
Anthony Porter (1 year ago)
Awesome! Thank you
zayn malik (1 year ago)
great job man plz plz plz plz plz told me how to work another page using css please i am very thank ful to you
Rodrigo Pezoa (1 year ago)
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.
Alex Munguia (2 years ago)
What platform, or site, developer are you using to input all these codes?? Is not notepad, is it a free version of anything that we can download?? Thanks in advance.
Ry (1 year ago)
Alex Munguia I just said yea to get notified if he responded to you
Ry (1 year ago)
Alex Munguia yea
Salim Hossain (2 years ago)
This is a very nice video and it is also helpful for the webdesign learners. Thanks for proving such a nice video.http://learningenglish1bd.blogspot.com/
Xtreme Technologies (2 years ago)
I need a help bro i link with my CSS Search bar on html but i cant click any where on my index page and did not show drop down menu if i disconnect the css on html then working fine so plz help me you can check my website http://xtremetechjs.net/
Joe Dracup (2 years ago)
If you need any personal help with your code, such as bug fixes or if your code isn't working as it should do, or perhaps if you would like a complete, professional website creating for you from scratch? Send me an email at [email protected] and I'd be more than happy to help out :).
TK Wolf (7 months ago)
I'll PM you!
Cubophilia (2 years ago)
Hey can you make a vid on how to link the backend of a website to the front end
Joe Dracup (2 years ago)
Awesome :)
Cubophilia (2 years ago)
thanks awesome vid... really helped!
Joe Dracup (2 years ago)
No problem, dude ;) Always happy to help.
Cubophilia (2 years ago)
thanks really love you! didn't expect so fast!

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.