Create your first HTML/CSS project

  Рет қаралды 246,236

Codecademy

Codecademy

Күн бұрын

You've made a basic HTML site, but let's add some style with CSS. In this video, Brendan walks you through this process!
Take Codecademy's Learn HTML course: j.mp/3vRqRSr
Take Codecademy's Learn CSS course: j.mp/3vRqIOT
More details:
Check out our previous video on making an HTML website: • How to create a website
Check out part 2, where we go beyond basics: • Create your first HTML...
- - - - -
Join the millions learning to code with Codecademy.
Learn to code: j.mp/3399YX1
Check out our full course catalog: j.mp/33i96Pz

Пікірлер: 83
@Edward_Adams
@Edward_Adams 4 ай бұрын
Probably the best tutorial video I've ever seen. The part with sped up code was HILARIOUS. Thank you, Brendan!
@kaijuh
@kaijuh Жыл бұрын
How hungover is this guy lmao
@Westonator5000
@Westonator5000 3 жыл бұрын
This is actually fun. I've been putting off learning this stuff because I took a web dev course at university, but we never really built anything, even like this. It was mostly studying slides for tests, and boy do they know how to make everything you like absolutely awful. Thanks man, I would like to like the subjects I like again, you know?
@dave2163
@dave2163 Жыл бұрын
Oh man Brendan you are A LEGEND! Getting into this environment of building things via VS code has been the eureka moment for me personally. Your passion and your straight to it instruction have been infinitely helpful!
@OppasWithoutJams
@OppasWithoutJams 2 жыл бұрын
Thank you so much for this! I want to create my own project but I had no idea how to start and it was a bit intimidating. However, this video is such a big help!!
@HallowedAura0
@HallowedAura0 Ай бұрын
brendan do you have your own channel you're the only person that i can learn from when watching
@caseyyontz3672
@caseyyontz3672 5 ай бұрын
This is a really good video, and I love learning from this guy bc he is really chill and makes me think everything is going to be ok.
@M1ke0xN1ghtHawk
@M1ke0xN1ghtHawk Жыл бұрын
This is great! So much easier to learn HTML / CSS with Brendan's video! Thanks! 👋
@fav_royalty
@fav_royalty 2 жыл бұрын
You should have put the image resources in the comment or description section... If you can do that please do
@CrysCrain
@CrysCrain 4 жыл бұрын
took me forever, but I DID IT!! thank you so mucho!!
@maxmaxwell4211
@maxmaxwell4211 3 жыл бұрын
How much did it take you to learn html and css?
@lonelyghost202
@lonelyghost202 3 жыл бұрын
@@maxmaxwell4211 it depends on how fast you get the subject and how your brain gets it
@Jeremmythekid
@Jeremmythekid Жыл бұрын
What I learned from other tech, video (like bro code) is to put the vs code and the browser side by side.
@bhekanibradleyndebele4203
@bhekanibradleyndebele4203 2 жыл бұрын
Thanks man, I am improving through these video tutorials...thumbs up💯
@09bohdan
@09bohdan 4 жыл бұрын
Hi!) Where I can find your images?
@denialisnotjustariverinegypt
@denialisnotjustariverinegypt 7 ай бұрын
Ripped those training wheels off! 😂
@victorvillacis9688
@victorvillacis9688 3 жыл бұрын
You should have an H1 tag though for screen readers and just clear the tags style.
@hatchnhatch
@hatchnhatch 3 жыл бұрын
Yeah, also caught my attention. This came just a few lessons after Codecademy highlighted the importance of semantic HTML lol
@julianooms327
@julianooms327 4 жыл бұрын
These videos are great! Thank you!
@ryanrobinson7390
@ryanrobinson7390 2 жыл бұрын
Brendan's the best!
@zaeronib7515
@zaeronib7515 18 күн бұрын
Whenever I paste the relative path into my browser, it says "your file couldn't be accessed."
@mastermind2032
@mastermind2032 4 жыл бұрын
I got stuck for about 10 minutes at the resources/css/index.css part(12:40) but then I just typed css/index.css, let the page refresh and it worked like it should have.
@Jridgen
@Jridgen 4 жыл бұрын
I'm stuck at this part too. First I tried his suggestion. Then I tried using the href of href="css/index.css" like you recommended, but that didn't work either. My folders are all saved the same way his are, so it's frustrating.
@Jridgen
@Jridgen 4 жыл бұрын
Nevermind, figured it out. Kept with the ./resources/CSS/index.css. I figured out that you have to save the .css file and .html file BOTH SEPARATELY when you're in each tab in VSC. I navigated to my .css in my PC folder system and it was empty because I hadn't save the text from the Visual Studio Code (even though it was sitting there). That resolved all issues.
@ShaneSmith-qm5bb
@ShaneSmith-qm5bb Жыл бұрын
@@Jridgen Thank you. Had the same issue
@adenuse
@adenuse 2 жыл бұрын
thank you so much for useful tutorail
@JPGodschild
@JPGodschild 2 жыл бұрын
This video helped me so much.. thank you!!
@suraiyarahman2471
@suraiyarahman2471 2 жыл бұрын
Thank you so much. It was really easy.
@johnczapla9894
@johnczapla9894 5 жыл бұрын
question for the devs ... I am following the instructions here every time I go ./resources/images/ my image , the word resources turns red with the back slash and period .. when i take the period away it goes back to normal it still doesnt work ... I using VS code here , can you some how tell me wth is going on cause i am getting upset while trying to do this
@pitermadepaker9787
@pitermadepaker9787 2 жыл бұрын
What the does in the line
@gisellec1126
@gisellec1126 2 жыл бұрын
same question
@Bigmanting150
@Bigmanting150 Жыл бұрын
Finally I did it 🎉 it's not easy
@yvng4697
@yvng4697 2 жыл бұрын
Thanks!
@anton_talan-shevchenko
@anton_talan-shevchenko 2 жыл бұрын
Thx for this video! It was useful
@MrKreisKlinge
@MrKreisKlinge 4 жыл бұрын
This is fun!
@ChristianRodriguez-xh5qt
@ChristianRodriguez-xh5qt 4 жыл бұрын
Ayyeee thank you for this
@kravataf
@kravataf 2 жыл бұрын
brandon = epik
@hamzamotara4304
@hamzamotara4304 3 жыл бұрын
at 8:18 what is the use of those tags in the list?
@dkris3204
@dkris3204 2 жыл бұрын
i was wondering the same :D
@yaysneha
@yaysneha 2 жыл бұрын
The tags and the elements between them make up one group on a webpage. Yk the semantic page structure. It contains of a and a . So the div elements don't covey the position or role of the group. Using the semantic elements instead, we can convey this role. ~ we use the header element to define content the top of the page. Such as a company name. ~ we use the footer element for the content at the bottom of the page, such as the social media info ~similarly,the navigation bar which is mostly displayed onthe left side of the webpage, will show anything else like options or another social media info...
@breanna3995
@breanna3995 4 жыл бұрын
hey I right clicked the index button multiple times but it won't allow me to see the preview what's should I do?
@memorytoburn
@memorytoburn 2 жыл бұрын
when I copy and paste the path into the browser, the path doesn't open, please help!
@craigburton4447
@craigburton4447 3 жыл бұрын
When I copy relative path, the slashes are back slashes when I need forward for it work, ideas please? Thanks
@saketsoni2587
@saketsoni2587 3 жыл бұрын
It works both ways I guess
@bradmiller2465
@bradmiller2465 Жыл бұрын
What if it says your file couldnt be accessed?
@franciscoreyess.7965
@franciscoreyess.7965 3 жыл бұрын
Gracias por el video
@sanebird508
@sanebird508 2 жыл бұрын
please don't use light mode next time , i don't feel my eyes anymore
@insist1754
@insist1754 3 жыл бұрын
good one
@neetalalchandani4400
@neetalalchandani4400 3 жыл бұрын
Thankyou
@shahanazbanu1814
@shahanazbanu1814 4 жыл бұрын
Which software to download??
@Uxcis
@Uxcis 2 жыл бұрын
I don't understand why you would create a "bold" class if you could just make it bold inline? I feel like it would be cleaner, since if you make classes for "bold" or "italic" or anything like that, where you're using css to assign one attribute to something, you're basically just using inline css.
@johnczapla9894
@johnczapla9894 5 жыл бұрын
I also tried linking the css threw the method you did it does the same and not working ...
@lolameshioyeolaniyi-alabi8782
@lolameshioyeolaniyi-alabi8782 4 жыл бұрын
what is your file icon
@guilherme8104
@guilherme8104 5 жыл бұрын
Maaan i lol when you start a mexican music and congratulations your video is awsome!!!! :D
@anavazquez5996
@anavazquez5996 4 жыл бұрын
how do you link your images???
@mariamvelasquez9198
@mariamvelasquez9198 4 жыл бұрын
Great!
@JD-kf2ki
@JD-kf2ki 4 жыл бұрын
Dude is fun.
@Starmanfansunofficial
@Starmanfansunofficial Жыл бұрын
❤❤❤❤
@brayanfrausto1517
@brayanfrausto1517 3 жыл бұрын
does anyone know why my id code wont work? all i do is type id because im assuming thats what he did but when i do it my "id" doesnt turn gray like his it just becomes part of the title
@brayanfrausto1517
@brayanfrausto1517 3 жыл бұрын
nvm bois i got it
@Slush8604
@Slush8604 2 жыл бұрын
@@brayanfrausto1517 How did you do it cos mine didn't work and I got stuck there (at about 13:51. Thanks in advance
@preschoolrelaxingmusicaler9000
@preschoolrelaxingmusicaler9000 2 жыл бұрын
🙌🙌🙌
@Kika_singer
@Kika_singer Жыл бұрын
Hi, I am a newbie to coding, how can I make the background cover the whole width with no white "frame"? Thank you a lot for your answer 🙂
@frontagmedia5591
@frontagmedia5591 4 жыл бұрын
i need language in indonesia sir
@triplegmint2795
@triplegmint2795 3 жыл бұрын
this is confusing since I use sublime text
@sanebird508
@sanebird508 2 жыл бұрын
change to vs code
@eggminolia
@eggminolia 4 жыл бұрын
Best tutorial ever :)
@Virvos-vd8py
@Virvos-vd8py 5 ай бұрын
wn, me perdonai por lo del prompt?
@ouvie
@ouvie 2 жыл бұрын
why r u using VS lol, VSC is better for HTML and CSS :)
@darshaim
@darshaim 3 жыл бұрын
white *IDE?, seriously?....hmm nice video btw
@LosEspookys
@LosEspookys 3 жыл бұрын
it's the best
@ReyBanYAHUAH
@ReyBanYAHUAH 2 жыл бұрын
Always remember to repent of your sins (sin is transgression of YAHUAH The Father In Heaven’s LAW: Genesis, Exodus, Leviticus, Numbers, & Deuteronomy) And Have Belief On Yahusha The Messiah. HE Died and Rose three days later so that you can be forgiven of your sins! HE Loves you! Come to HIM🙂🙂🙂🙂🙂🙂🙂
@ВадимСушнев
@ВадимСушнев 5 жыл бұрын
Thank you!
@patricianascimento5224
@patricianascimento5224 3 жыл бұрын
Brendan, I feel I can learn anything with you. Thanks, man!
@kureio
@kureio Жыл бұрын
atacante
@sofitocyn100
@sofitocyn100 4 жыл бұрын
so codeacademy makes us download Atom and shows us this video on the very next lesson where the man uses VS. Very helpful...
@UniqueS85
@UniqueS85 4 жыл бұрын
I'm using third editor, it doesn't really makes some huge difference. Did you managed to complete it?
@novatlizrz4931
@novatlizrz4931 Жыл бұрын
Thank you. Easy to follow through. Maybe some area need to slow down a bit more.
@brandonparker9632
@brandonparker9632 Жыл бұрын
Add a line break () after the image source to fix the text from being beside it and the image not being centered.
@geekprobin1456
@geekprobin1456 4 жыл бұрын
Nice Video
@osmarzayas3269
@osmarzayas3269 2 жыл бұрын
Great song!!
@NehaKumari-yx2xr
@NehaKumari-yx2xr 3 жыл бұрын
very use full website
Create your first HTML/CSS Project - Part two: Beyond basics
12:52
Create your first HTML/CSS/JS project
20:50
Codecademy
Рет қаралды 186 М.
Крутой фокус + секрет! #shorts
00:10
Роман Magic
Рет қаралды 18 МЛН
Миллионер | 1 - серия
34:31
Million Show
Рет қаралды 1,7 МЛН
Help Me Celebrate! 😍🙏
00:35
Alan Chikin Chow
Рет қаралды 17 МЛН
CSS Tips And Tricks I Wish I Knew Before
12:12
Lama Dev
Рет қаралды 480 М.
Login Form in HTML & CSS
11:07
Codehal
Рет қаралды 1,6 МЛН
Background images with HTML & CSS
20:19
Kevin Powell
Рет қаралды 367 М.
10 CSS Pro Tips - Code this, NOT that!
9:39
Fireship
Рет қаралды 2,2 МЛН
CSS Mini-Project for Beginners
13:17
Dave Gray
Рет қаралды 23 М.
The secret to mastering CSS layouts
17:11
Kevin Powell
Рет қаралды 283 М.
A flexbox trick to improve text wrapping
5:02
Kevin Powell
Рет қаралды 216 М.
Крутой фокус + секрет! #shorts
00:10
Роман Magic
Рет қаралды 18 МЛН