Course Classes

30 Days to Learn HTML and CSS by Envato TutsPlus

Teacher Envato TutsPlus

Build an app, create a website, or learn design with our free how-to tutorials and video courses. Learn how to use tools such as Adobe Photoshop, PowerPoint, Adobe XD, Illustrator, and Sketch. Learn how to use WordPress in our WordPress tutorials and create your first website. Master the fundamentals of web design and UX, or learn what you need to become a graphic designer. Part of the Envato family.

00m

Course Introduction (30 Days to Learn HTML and CSS)

This is part of the free Envato Tuts+ course 30 Days to Learn HTML & CSS: https://webdesign.tutsplus.com/courses/30-days-to-learn-html-css

For more great web design courses and tutorials go to: https://webdesign.tutsplus.com?ec_promo=tuts_youtube&ec_unit=description&ec_topic=webdesign

Even if your goal is not to become a web designer, learning HTML and CSS can be an amazing tool to have in your skill-set -- both in the workplace, and at home. If this has been on your to-do list for some time, why don't you take thirty days and join me? Give me around ten minutes every day, and I'll teach you the essentials of HTML and CSS.

And don't worry... we start at the beginning!

09m

Day 1: Your First Webpage (30 Days to Learn HTML & CSS)

In this lesson, you'll learn how to make a working web page that displays the words, "Hello world."

This is part of the free Envato Tuts+ course 30 Days to Learn HTML & CSS: https://webdesign.tutsplus.com/courses/30-days-to-learn-html-css

For more great web design courses and tutorials go to: https://webdesign.tutsplus.com?ec_promo=tuts_youtube&ec_unit=description&ec_topic=webdesign

07m

Day 2: Finding a Proper Code Editor (30 Days to Learn HTML & CSS)

Before we continue on with formatting our text, I don't want you to be using NotePad or Text Edit. Instead, we should be using a code editor that was specifically created for the purposes of writing code.

This is part of the free Envato Tuts+ course 30 Days to Learn HTML & CSS: https://webdesign.tutsplus.com/courses/30-days-to-learn-html-css

For more great web design courses and tutorials go to: https://webdesign.tutsplus.com?ec_promo=tuts_youtube&ec_unit=description&ec_topic=webdesign

12m

Day 3: Lists (30 Days to Learn HTML & CSS)

Welcome to Day 3. Today we're going to cover how to create a list of items using HTML.

This is part of the free Envato Tuts+ course 30 Days to Learn HTML & CSS: https://webdesign.tutsplus.com/courses/30-days-to-learn-html-css

For more great web design courses and tutorials go to: https://webdesign.tutsplus.com?ec_promo=tuts_youtube&ec_unit=description&ec_topic=webdesign

05m

Day 4: Parent-Child Relationships (30 Days to Learn HTML & CSS)

While we touched on parent-child relationships in the previous episode, we need to focus on it a little more specifically today.

This is part of the free Envato Tuts+ course 30 Days to Learn HTML & CSS: https://webdesign.tutsplus.com/courses/30-days-to-learn-html-css

For more great web design courses and tutorials go to: https://webdesign.tutsplus.com?ec_promo=tuts_youtube&ec_unit=description&ec_topic=webdesign

03m

Day 5: Heading Tags (30 Days to Learn HTML & CSS)

Up until now we've only briefly touched on the idea of headings. Let's dig a bit deeper and learn about all of the headings that are available to us.

This is part of the free Envato Tuts+ course 30 Days to Learn HTML & CSS: https://webdesign.tutsplus.com/courses/30-days-to-learn-html-css

For more great web design courses and tutorials go to: https://webdesign.tutsplus.com?ec_promo=tuts_youtube&ec_unit=description&ec_topic=webdesign

02m

Day 6: Blockquotes (30 Days to Learn HTML & CSS)

Sometimes we need to quote somebody, and we can do that within HTML by using what's known as the blockquote element.

This is part of the free Envato Tuts+ course 30 Days to Learn HTML & CSS: https://webdesign.tutsplus.com/courses/30-days-to-learn-html-css

For more great web design courses and tutorials go to: https://webdesign.tutsplus.com?ec_promo=tuts_youtube&ec_unit=description&ec_topic=webdesign

08m

Day 7: Anchors (30 Days to Learn HTML & CSS)

Today we're going to learn about anchor tags. They allow us to connect one page to another.

This is part of the free Envato Tuts+ course 30 Days to Learn HTML & CSS: https://webdesign.tutsplus.com/courses/30-days-to-learn-html-css

For more great web design courses and tutorials go to: https://webdesign.tutsplus.com?ec_promo=tuts_youtube&ec_unit=description&ec_topic=webdesign

09m

Day 8: Your First Stylesheet (30 Days to Learn HTML & CSS)

In the previous episode we noted how, by default, the browser will make anchor tags blue if you've never visited the link before. In this lesson, we'll learn how to customize this by using an attribute called 'style'. Then, we'll explore how to achieve the same thing by using a CSS stylesheet.

This is part of the free Envato Tuts+ course 30 Days to Learn HTML & CSS: https://webdesign.tutsplus.com/courses/30-days-to-learn-html-css

For more great web design courses and tutorials go to: https://webdesign.tutsplus.com?ec_promo=tuts_youtube&ec_unit=description&ec_topic=webdesign

01m

Day 9: Clean Project Structures (30 Days to Learn HTML & CSS)

It's considered a best practice to always divide your images, CSS files and JavaScript files into their own folders. In this lesson you'll learn about making sure all of your HTML & CSS projects are well organized and clean.

This is part of the free Envato Tuts+ course 30 Days to Learn HTML & CSS: https://webdesign.tutsplus.com/courses/30-days-to-learn-html-css

For more great web design courses and tutorials go to: https://webdesign.tutsplus.com?ec_promo=tuts_youtube&ec_unit=description&ec_topic=webdesign

04m

Day 10: Images (30 Days to Learn HTML & CSS)

We want to be able to display an image on our HTML page. In this lesson, we'll learn the various ways to achieve this.

This is part of the free Envato Tuts+ course 30 Days to Learn HTML & CSS: https://webdesign.tutsplus.com/courses/30-days-to-learn-html-css

For more great web design courses and tutorials go to: https://webdesign.tutsplus.com?ec_promo=tuts_youtube&ec_unit=description&ec_topic=webdesign

07m

Day 11: The Necessity of Divs (30 Days to Learn HTML & CSS)

Divs are a way to position your content, and allow you to style a variety of elements at once. You'll use them often as you code in HTML and CSS.

This is part of the free Envato Tuts+ course 30 Days to Learn HTML & CSS: https://webdesign.tutsplus.com/courses/30-days-to-learn-html-css

For more great web design courses and tutorials go to: https://webdesign.tutsplus.com?ec_promo=tuts_youtube&ec_unit=description&ec_topic=webdesign

08m

Day 12: IDs and Classes (30 Days to Learn HTML & CSS)

In today's lesson we're going to be taking a look at IDs and classes. We can use these to assign labels to specific elements so that we can then target them within our stylesheets.

This is part of the free Envato Tuts+ course 30 Days to Learn HTML & CSS: https://webdesign.tutsplus.com/courses/30-days-to-learn-html-css

For more great web design courses and tutorials go to: https://webdesign.tutsplus.com?ec_promo=tuts_youtube&ec_unit=description&ec_topic=webdesign

01m

Day 13: An Assignment (30 Days to Learn HTML & CSS)

For today, you're not going to be learning from me specifically -- you're going to put some of what you've learned to the test in your first assignment!

This is part of the free Envato Tuts+ course 30 Days to Learn HTML & CSS: https://webdesign.tutsplus.com/courses/30-days-to-learn-html-css

For more great web design courses and tutorials go to: https://webdesign.tutsplus.com?ec_promo=tuts_youtube&ec_unit=description&ec_topic=webdesign

08m

Day 14: Assignment Solutions (30 Days to Learn HTML & CSS)

Welcome back. Today we're going to work through the solutions to the assignment set yesterday.

This is part of the free Envato Tuts+ course 30 Days to Learn HTML & CSS: https://webdesign.tutsplus.com/courses/30-days-to-learn-html-css

For more great web design courses and tutorials go to: https://webdesign.tutsplus.com?ec_promo=tuts_youtube&ec_unit=description&ec_topic=webdesign

13m

Day 15: Floats, and a Simple Layout (30 Days to Learn HTML & CSS)

Today I'm going to teach you about CSS floats. We can use floats to create the effect of columns.

This is part of the free Envato Tuts+ course 30 Days to Learn HTML & CSS: https://webdesign.tutsplus.com/courses/30-days-to-learn-html-css

For more great web design courses and tutorials go to: https://webdesign.tutsplus.com?ec_promo=tuts_youtube&ec_unit=description&ec_topic=webdesign

06m

Day 16: Navigation and Lists (30 Days to Learn HTML & CSS)

Today we're going to be focusing on navigation. How would you create a navigation list for your website? This is something that every web site has in common, so it's really important you learn how to do this.

This is part of the free Envato Tuts+ course 30 Days to Learn HTML & CSS: https://webdesign.tutsplus.com/courses/30-days-to-learn-html-css

For more great web design courses and tutorials go to: https://webdesign.tutsplus.com?ec_promo=tuts_youtube&ec_unit=description&ec_topic=webdesign

15m

Day 17: Introduction to Forms (30 Days to Learn HTML & CSS)

Today we're going to focus on forms. Contact forms, registration forms... what are the necessary HTML elements we should use to display form fields?

This is part of the free Envato Tuts+ course 30 Days to Learn HTML & CSS: https://webdesign.tutsplus.com/courses/30-days-to-learn-html-css

For more great web design courses and tutorials go to: https://webdesign.tutsplus.com?ec_promo=tuts_youtube&ec_unit=description&ec_topic=webdesign

06m

Day 18: Image Replacement (30 Days to Learn HTML & CSS)

Often you don't want to use text for your logo. Even though it makes sense to add the name of your business within an H1 tag, you might prefer to add an image in place of your logo. How would you do that?

This is part of the free Envato Tuts+ course 30 Days to Learn HTML & CSS: https://webdesign.tutsplus.com/courses/30-days-to-learn-html-css

For more great web design courses and tutorials go to: https://webdesign.tutsplus.com?ec_promo=tuts_youtube&ec_unit=description&ec_topic=webdesign

10m

Day 19: The Basics of Typography (30 Days to Learn HTML & CSS)

Today we're going to take a look at some of the various ways we can style our text. We'll look at using fonts, color, letter spacing, and size.

This is part of the free Envato Tuts+ course 30 Days to Learn HTML & CSS: https://webdesign.tutsplus.com/courses/30-days-to-learn-html-css

For more great web design courses and tutorials go to: https://webdesign.tutsplus.com?ec_promo=tuts_youtube&ec_unit=description&ec_topic=webdesign

What are they talking about Cursa

Muhammad Yaseen

from Google Play

Great. Love you guys. Education is right of everyone so i appreciate your effort. You make it possible to learn free for everyone.

Anurag Sinha

from Google Play

This is best app among all learning app This is hub of all education like physics , Chemistry, mathematics etc it is a good Learning platform.

Nthambeleni Ralph

from Google Play

Awesome experience never thought it will be real, but it is real oh yes it is. Very easy lessons and clear voice on videos.

Aaron Michael

from Google Play

Great start for someone on own learning journey with lack of resources. Thats really whats most important

Mindy Tolliver

from Google Play

I just have to say I'm thankful that they came out with the website like this it gives me that one on one step process that I so desperately needed. I think a lot of people would benefit from it cuz that step by step I feel kind of Saved Me cuz I feel more productive and satisfied with me.

Virendra Agarkar

from Google Play

Really amazing application I get fan of this,thanks to give your service free of cost.Because the middle class son can not afford the fee of the course in any application.so I thank you very much as I can.❤️

Get to know a little about our project that has been changing the lives of thousands of people through free courses.

+700 free courses +300 categories +1 million downloads +50 Thousand certificates issued Courses in 3 different languages

Found a good course on youtube and want to see it in our project, click here to indicate new courses.