HTML Tutorial - How to Make a Super Simple Website

If you're an absolute beginner in web development, you can learn the basics of HTML here. This video covers setting up an HTML file, and the basic HTML tags and what they mean.
Download the website files to follow along with this tutorial:
coder-coder.com/cu-basic-webs...
Read the blog post version here:
coder-coder.com/how-to-make-s...
-
Learn to code for free and get a developer job: www.freecodecamp.com
Read hundreds of articles on programming: medium.freecodecamp.com

[jazzykitty77]

You're an excellent teacher. Everything was very clear and concise, with good examples. Well done!

[Soccer Fam'!]

She's a god! period!

[Arrison Karimi]

what the F did you write

[Picalingo]

This tutorial is insanely good! First time learning HTML and you've made it VERY EASY to understand! Much thanks! :)

[Neighb Shoes]

no, it's just very sim[le material

[Ding Dong]

@Neighb Shoes shut up

[The JOMARI Fernandez]

@Neighb Shoes she taught it way better than my teachers did. :) That's a comment coming from someone who struggled a lot in creating websites, programming, etc back then.

[Roman]

@Neighb Shoes Shut up

[ds udawat]

I already know,@الإسلام دين الحق I'm here to live my damn life.

[allabouthh]

I know all this stuff, BUT I watched out of curiosity. I found your voice pleasant, your language very easy to understand, your presentation was, clear, well thought-out, and very enjoyable to follow. Excellent work! I would pay to have you teach a more advanced topic.

[Balaporte Jean]

me too

[Balaporte Jean]

Jesus loves you Believe in him and repent !

[noorLearningPlaylists]

Red Pineapples 😂

[J.D. Maya]

Red Pineapples GET A BIBLE WITH THE NEW AND OLD TESTAMENT. READ IT. READ ABOUT THE CHRISTIAN FAITH. CALL ON HIM, HE WILL FETCH YOU.

[J.D. Maya]

WHEN CAN WE SEE YOUR VIDEO.?

[Maxine Haze]

I am self-teaching HTML due to Covid unemployment/boredom. This is one of the videos that I enjoy the most. It's the way the information has been presented - your voice is very soothing and your explanations are superb! Thank you for that!

[Lemarsien Soluc]

she has the cool video game character voice

[zippy]

@Lemarsien Soluc yeah lol

[Teacher Mario Garcia]

how it went maxine after 8 months?

[Pat Pat Urbano]

same.

[Rae]

I learned so much in just a 30 minute video compared to my whole hour class. I'll be watching here from now on!

[Usama Afsar]

true

[Tshepiso Mokose]

Bro!

[Sudheer Godgeri]

Great - a simple but complete and to the point tutorial: lot of concepts cleared within 30 mins!

[Jennie Wang]

Learning more things on KZbin than my $ 40,000 college education.

[Rowena Cabristante]

So true dough

[Rowena Cabristante]

So true dough

[Rowena Cabristante]

So true dough

[nick T]

A shame right?

[SapientiSat]

Lol americas education system is so extremely bad

[Kim Tucker]

This is great! Thank you. I have been working on the sololearn app but it is so much better to see this in practice. I also like how clear and calm your voice is. It really helps not to get irritated or feeling rushed. 😊

[Pradeep Kumar]

I’m an absolute beginner! I am self-learning coding at the age of 60. This is the first video of yours I watched. This is one of the videos that I enjoy the most. Thank you very much.

[Righteous Nacho]

I was learning html back in 1998 from an employee who had to develop a website for the tv station we worked at. He was teaching me how to build the site with tables. It was terribly arduous and clunky. This video brought back those memories. Kinda miss those innocent days of web design in its infancy. 😢

[Catherine Berry]

You are a very good instructor. You outlined what would be covered and presented each component that made it easy to follow you. Additionally, you took your time and gracefully guided the viewer through each step from beginning to the end of your great presentation. Thank you for your knowledge and understanding of this subject. This has really helped me through my anxiety of trying to write html. Please don't stop giving such wonderful presentations. Thank you very much.

[The Rio]

Hello

[ShadaeTurnsKnight Astrology]

You’re instructions are clear and concise. I appreciate that you explain in anticipation of certain hiccups and you explain what to do in those cases which a lot of teachers fail at doing. Free Code Camp y’all got it going on 😁🔥 ❤️ Thanks to everyone who contributes and takes out the time to give others a hand up!!

[Devanshi Shah]

Yes it was good and you can do it also I did it it is so nice

[Devanshi Shah]

I am in class 7

[ShadaeTurnsKnight Astrology]

@Devanshi Shah Thank you 🙏🏾 🌸

[Midnight Cat]

You have the best tutorials I’ve seen so far. I like how you explain step by step!! Other tutorials I’ve come across start splitting out these words I’ve never heard before without explaining what they even mean or do. You take the time to explain them. Thank you 🙏

[Nathantannermac]

Wow, such a clear and well explained video. Super easy to follow for someone (like me!) who is brand new to HTML coding. Just straightforward good content. Thank you!

[Jenna Urban]

Thank you so much for this! I am trying to learn coding and I needed a really basic overview of HTML to make sure I have a good foundation. This tutorial was perfect for that!

[Cynthia B Lagasca]

So far the best tutorial for beginners on HTML. The pleasant voice, clear steps and outputs presented make the difference. That's talent and sincerity to the audience. Thank you.

[Chris Ejike Elias]

I must confess that your method of teaching this course is so unique. Prior to this time, I'd lost interest in coding, probably because of the way I was thought. However the way you broke down this course has made me pick up interest and poised to become a full stack developer soon

[Gracie Titus.]

hey, lets keep doing this. am new in coding and so far so good. no classes just teaching myself with tutorials

[Sunflower hill]

This tutorial was very helpful, and well thought out for HTML Basics. This was enjoyable and definitely a good refresher on the HTML basics!

[ADN Arko]

Animation using html & css. kzbin.info/www/bejne/gKW2Z4GVr5dmaaM -- sliding effect kzbin.info/www/bejne/eXeknpuveqdkgNk -- image animation

[Tem]

This is absolutely amazing, thanks so much, I've been learning to code for a while and I am trying to put the things I created on an HTML site. This really helped, it's easy to understand and helpful.

[Issey Jahn]

Thank you for this video, i was this close to given up on being a web and software developer, until I stumbled on this video, it's really helps me to understand it even better. Thank you 😊 you are an amazing teacher ❤

[ALL In ONE GAME 's]

This is so helpful! I think you did a good job showing & explaining what might be kind of complicated 🙂

[PRESILIANO PINO]

Great delivery and and very well put together. As a novice I sure appreciate her clear soothing voice and her organized presentation. Now I am looking for an intro to CSS done by her. Audience let me know if you have seen other videos by her. Thanks.

[Tauna Polycarp]

Best tutorial I've ever completed. Short but very detailed. Thank you.

[Sabrina Shamsiddinova]

You are incredible. I'm a total beginner and I was freaking out thinking how to begin and I found you, sweet angel:) I am so grateful and now I'm a little more confident. You explain things in sooo simple and clear way. May Allah bless you

[신세찬]

ahhh all of my 1st semester HTML lessons on school were just explained in 33 minutes and she also taught it clean and clear.

[kibaliziosa483]

Thank you. I’ve attended two web designers courses while I was in university but they were very basic about things (I’m Italian so keep in mind that the system here is different) and I’ve been trying to expand on my knowledge on my own but it’s really difficult. I’ve tried expanding on html but they rarely touch the head tag so I was a bit confused...it also helped explain certain things I was perplexed by. Thank you!

[swallowedinthesea11]

Check out Udemy! They have frequent sales in which courses cost up to €17 Euro.

[Rianna Dsilva]

Basic and so to the point. Loved that she explained even the basic stuff 🙌🏻👏🏻

[Harley Chapin]

Best Explanation I've ever seen !! Great Job :) would love to see more like this explaining other language basics

[Verena Leuze]

thank you for this video! Everything was explained so systematically and clear so I could understand everything :) Better than my course at university! Thanks a lot! 🙏🏻

[lumpify]

how do u publish it?

[Paige Prevost]

This was so much fun! I followed along and made my own - thanks for taking the time to make the tutorial :)

[Tammy Stewart]

Nicely done. I got exactly what I needed from this. Great job. You are very good at teaching btw.

[Michael Villarrubia]

I’m currently a comp sci student and I wanted an easy to follow tutorial for my 8 year old brother that wants to follow in my footsteps, this video has been great for his learning :)

[9DC - Paul T]

Outstanding! I was looking for a quick way of having all my links together on a local webpage without having to constantly store it in different browsers. Everything you showed got it done!

[dana kadkwi]

you are so amazing, well organized and explained every single step beautiful .I did really had fun and learn a lot from you thanks from a beginner.

[Gracie Titus.]

AMAZING. I JUST CREATED AN AMAZING HTML DOC. This is the best tutorial on HTML I have come across. I hope you have a CSS, JAVASCRIPT, REACT AND GIT tutorials each on their own as you've done for HTML

[Pierce Galvin]

Awesome job, really informative and well done. Thank you for doing this.

[Go Midas]

very easy to understand and easy to follow, the explanations aren't dull and boring and are explained in a way that makes it interesting to listen to. Excellent explanation and presentation. I've learnt much from this, thank you kindly

[Edgar Salinas]

Wow! I`m simply amazed by your skills, your way of getting your ideas across, and your dazzling voice. Thanks a lot for making this kind of content available for everyone wanting to learn the ABC of coding.

[Ermira]

Awesome tutorial, thanks a lot! Very easy to understand, follow along and remember! The instructor is amazing! I was searching for more videos from her on this channel and by chance found out she actually has her own KZbin channel, Coder Coder. I will definitely watch all her videos!

[Andrea Barrios]

Super great video! You made things very easy to understand for an extreme beginner :)

[Ransom]

I truly from the bottom of my heart THANK YOU SO SO SO MUCH 🙏🙏🙏I’ve been wanting to learn this stuff and videos I came across ARE NOT for someone like me who has ZERO idea what all this is about haha or was..! Your personality and clarity is a recipe to truly make a difference and teaching others in clarity changing their lives for the better as well I’m sure !! Once again THANK YOU I subscribed anddddd I’m hoping I can go through videos and learn this from A-Z and have some sort of a foundation and this was a blessing ! Wish you the best in all your endeavors

[Toxzii]

Thanks a lot, I'm getting started with programming and this was definitely a good start for me. Looking forward to learning Python, C++ and C# later as well!

[BANDOLA, Juvelyn B.]

because of the pandemic we're not able to learn in school, so our teacher suggested to look for HTML tutorial on youtube and have a self learning. Your presentation was very easy to follow and understand, thank you for the clear and understandable explaination.

[Adepu Shiva sai]

Mam your explanation is too good but I'm expecting this 👉 Create portion of a Trello board that looks like so. Include a reset stylesheet and adhere to the fonts, colors and spacing etc. like in the mockup. You can add styles to input elements just the way we do for buttons. Use flex box layout for arranging the task lists boxes (To do, Doing, Done, and Add another list) next to each other (they will be children of a flex box parent container, say “board”). To get natural height for each task list box, set align-self: flex-start on each of the task list boxes..

[Nat Six]

Thanks! You're a very good teacher. I really like your style and the ways of explaning each step. Very straightforward and clear. Well done. Please, keep bringing more contents like this...

[Howard Jares]

Very well done presentation. Explained all the basics concisely in a rational order. Job job!

[Ghousia Khalid]

I found your voice pleasant, your language very easy to understand, your presentation was, clear, well thought-out, and very enjoyable to follow. Excellent work!

[Kelvin Chaibva]

I'm a beginner but when I watched your video, I'm now understanding the basics. Your voice was pleasant, your language very easy to understand, your presentation was, clear, well thought-out, and very enjoyable to follow. Excellent work! I would pay to have you teach a more advanced topic.

[mika thinks]

Thanks. It is incredibly easy to follow along. As a visual learner, I applaud you on your patience and refreshing everytime so the we can see what happens.

[Elly Law]

I like the way you made the lesson easy and simple to learn 😌👌👌

[Joseph Gassiraro]

I am learning coding on my own, and want to build a website, and this tutorial was the perfect introduction. I appreciate you letting me know that I would need to how to use CSS while also helping me make an intelligible file :)

[swallowedinthesea11]

Yes, it's very important to learn CSS together with HTML.

[Liang Zou]

Absolutely a great and lovely tutorial for HTML beginner! Thanks for sharing!

[ADN Arko]

Animation using html & css. kzbin.info/www/bejne/gKW2Z4GVr5dmaaM -- sliding effect kzbin.info/www/bejne/eXeknpuveqdkgNk -- image animation

[Roderick Lamano]

I hope you have more tutorials like this and to be more specific for CSS & JS. Thanks.

[arshi]

I am creating a website for school, and this has helped me so much. Thank you ❤

[Aniket Mukherjee]

Wow, I cannot recall another 30-minute video where I learned so much. Thank you so much !!

[Kalaycian Henry]

I was so lost in my web page design class at university but this video explained every single thing!! I learned this in 1 day just by watching this video what I couldn't learn in weeks at school!

[B4G JODX]

HTML had never been so easy to me....thanks for the clarification of all the dilemmas and doubts regarding that

[Clara Sais]

Really helpful tutorial - thanks. I just want to build my website from scratch rather and it can feel rather overwhelming! I’ve just started the CSS section on free code camp but have had to admit defeat! So going here to work through some of these tutorials to do my website.

[Coder Coder]

So glad this can help you! :)

[Gad Gysent Moore]

That's good

[MILLICENT KAHIA]

I've never been to a coding class but now I feel like I can teach. Yesterday I had a headache but today I'm a tutor born out of here. Thank you.

[A B 5000]

Love your style of teaching and professionalism. Thank you.

[Jay Rod]

So useful and brief!!!! Excellent job!

[olusola olowolade]

After listening to this video, I felt like going to every company around and say "Hey, can I build you a website"? The lecture was so explanatory, precise, concise and motivating. Thanks for adding values through your content.

[1do2likeU]

Thank you very much! This is the best introduction to HTML that I've found on the internet so far!

[swallowedinthesea11]

Tab key.

[Spongesy]

My goodness you are a natural at teaching. A teachers voice, methodical, great job all together.

[siphotrust vilakazi]

I LIKE IT TOOO

[Fitz Adrian Talingting]

@siphotrust vilakazi REALLLY??

[Lucas Hideo]

What a great tutorial!! There is a lot of information and you made it flow so well, did not even notice it was a 30 min video. Thank you for sharing such great content!!

[LNA]

Your explanation was perfect, first time I am trying it and it went well from start to finish. Thank you very much

[RE43P3R /AOD]

I’ve not programmed much in CSS and HTML but I did figure it’s quite easy cause it is, it’s easier than 99.9% of the langs out there, ( by definition it’s a language stfu ), anyway I figured it was quite easy to remember and with your tutorial I might just build my first hacking website 😂❤️ so I thank you

[samwhixh]

i love tutorials like this, straightforward and getting to the point and having lots of geat info and explanations instead of talking nonsense that nobody cares about. this single video is better than most ive ever seen about coding combined

[jazmin dol]

OMG!!! I ADORE YOU !! you just made it all sooooo much easier thanks much, your voice is so apropriate for teaching and you give clear step by step guidance its awesome... I struggled with the tables but i got the hang of it after a while. hope you keep making more and more videos cause i need to keep learning and this was the fastest i could advance. once again Thanks So Much.

[bcs user10000]

but she sounds like an ad

[Lake Crystal]

I like how she goes really slow and explains everything easy to follow great video not someone going super fast thanks !

[evgenia]

Wonderful class. We used it as an introduction between students for complete beginners in our front end program.

[Tamidoesit]

I know im very late to comment but im just finding this video. I am so impressed and glad i found you. I have just started teaching myself code and was starting to get confused. This video really made it all make sense. Now im about to watch all your videos. You have a great training voice and approach. Thanks so much.

[Fred Spek]

I've been doing some self-coding thru trial and many! errors. Doing this made following your instructions easier. Thanks for explaining the whys, and about older coding, and what is newer. I do like a website that is backward compatible so older browsers can open it too. Thanks!

[Akarler W Wongbay]

Reaching this point of your lesson is like reaching HOME after being away for a long time. I am comfortable here and wouldn't want to stay away for a day. Thanks so much for the presentation and the level of high Knowledge. Something that I am not getting clear here are tags, meta, head, body and lot more. Please show some brief lights on them to clear my doubt. It is really interesting and I new on Coding. @your African Student

[Kanchan Kangne]

Beautiful! Thank you so much for this❣️

[Efua Arthur]

Thank you very much for how clear and straightforward your explanations are. I have been struggling with how to use colespan and rowspan but you have explained it very easily for me. Thanks.

[Izu]

Thank you! This video really helps me with my assignments for web design subject. And your voice is really clear and easy to understand ❤

[Missak Hallajian]

Very comprehensive, perfect-paced tutorial, thank you.

[Game and Play]

I simply loved the way you explain. Congrats! Very useful.

[Star Jones]

As someone who has never tried this before, I am really happy I found this. Also, I'm glad you specified that it wouldn't be pretty by itself, thankfully, I wasn't expecting that though

[Abipaye]

you really made this tutorial easy to understand. You are so clear and very eloquent. Thank you!!

[Elizabeth]

im only halfway through but watching this course is better than any text based tutorial!

[Tahreem Fatima]

Same

[AL]

Thank you. This is really easy to understand and vastly helpful ❤️

[Obinna Ijeomah]

This video was sooooo gooood!!! I followed everything that was taught and was able to create my first website! Thank you!

[Venus G.]

Your teaching method really works for me, Jessica! 😭 You're incredible!

[Lee 8]

This is literally the best video i have ever seen in my life!Thank you so much for this amazing and educational video!👏👏👏

[prince leye]

You make things look so easy, you are such an amazing teacher. I want to learn css and java script from you. You are a gift

[DaughterofZion]

This was amazing, a great first start for hands on learning for html.

[kookies&cream]

I am a Beginner .This is my first time coding using Html . i was super curious how to build a website using it. and i am really acting like a kid . It's so fascinating ! Thanks for the video

[Dwiver]

That was brilliant Thankyou. I’m an ABSOLUTE beginner! It flowed really well for me, the pace, explanations and content were perfect.

[Sebastian’s wife]

This is incredibly easy!! I was looking everywhere today learn html by myself and I found this video about the basics! It's incredible seriously

[Mjé]

This video was well organized and outlined! She has a great speaking voice. I've watched many html videos and this is the first woman I've come across. I must say, I can see the difference. No "Hello World"... no extra chatter, just great instructions and clear, concise content! AMAZING!

[Rhaná Teixeira]

Amazing class! Thank you so much! Learned a lot and had fun!

[Emaad]

Simple and beautiful, one of the best videos!

[SpanishAllMighty]

I love this! Thank you for posting this video. I just began html coding classes and this is a huge help!

[Zayn Brando]

This is the best and easiest tutorial i have found by FAR !! Thank you

[Norton Gartino]

Thank you for your video! I've always wanted to learn how to code, even if it's just the bare basic. Your video is very helpful!

[Berit]

This was very helpful, thank you! Excellent teacher, it was engaging and interesting. (I've looked at some other ones but they just hit my snooze button...) Can you do more videos please? CSS? :) Thanks again.

[Teacher inThailan]

That was such an amazing tutorial! Thank you so much.

[LoidxForger]

How in the world, the way she teach as clear as heaven . in 33 mins she taught my whole sophomore year . TYSM.

[SyedaZehra]

Oh My God. I watched the whole video, I didn’t even realize that it was 33 minutes long I thought it was like 10 minutes.