To account for the video time in the certificate, wait for the video to shut down automatically. The next video of the course will be triggered next.
Vídeos
Outros
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!
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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