Free online course30 Days to Learn HTML and CSS by Envato TutsPlus

4.64

(171)

4h52m of online video course

Quality content and selected for your learning.

Certificate of course completion

Download your digital certificate of course completion after watching all course videos.

Exercises to train your knowledge

Many of the courses available have exercises to help with learning.

Free lifetime access

This course is free today and always will be, from start to finish you will pay nothing.

Online course in English

Web Development

Learn how to create websites with free Web Development courses, including html, php, javascript, react, angular, and more to learn programming

HTML

Learn about technology as one of the main pillars of the internet.

Teacher

Envato TutsPlus
1 Courses / 5110 students

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.

Course comments

Discussion Forum

There are no comments yet for this course.

Watch the 1st video of the course

Share

Evaluate course

Go to certificates

Report a problem

Course content

0h00m

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!

0h09m

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

0h07m

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

0h12m

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

0h05m

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

0h03m

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

0h02m

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

0h08m

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

0h09m

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

0h01m

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