Getting Started with HTML

HTML is the building blocks of the web. It gives pages structure and applies meaning to content. Take this class to learn how it all works and create your own pages!

18 Lessons Updated 4 months ago HTML Beginner Level
Description

HTML is the building blocks of the web. It gives pages structure and applies meaning to content. Take this class to learn how it all works and create your own pages!

Course Content
01. 

Introduction to HTML

This lesson will help you get started with all the tools you need to begin writing your very first HTML documents!

5 minutes read
02. 

Tags, Attributes, and Elements

Learn about the very basics of HTML including head, body, title tags, and what elements and attributes are.

5 minutes read
03. 

Basic HTML Page

Let's learn how to write a basic HTML page, including the head, body, author, descroption tags, and setting a DOCTYPE.

10 minutes read
04. 

Comments, Emphasis, Paragraphs, Line Breaks

Learn how to work with content tags in HTML like paragraphs, line breaks, emphasis, and strong tags.

8 minutes read
05. 

Headings

Adding heading tags to your pages is a great way to help describe what your page is about and add hierarchy.

5 minutes read
06. 

Unordered, Ordered, and Description Lists

Learn how to create all kinds of lists in HTML including unordered lists, ordered lists and definition lists!

6 minutes read
07. 

Links

Learn how pages on the web are connected to one another with absolute links, relative link, and ID links.

7 minutes read
08. 

Images

Learn how to add an image using the img tag in HTML, how to add alt text, width and height to images.

5 minutes read
09. 

Scalable Vector Graphics

Learn how to work with Scalable Vector Graphics in HTML, also known as SVGs by creating common shapes.

8 minutes read
10. 

Tables

Learn how to create and manipulate tables, including table headers and rows, to properly display tabular data.

7 minutes read
11. 

Forms and Inputs

Learn how to collect data from your users by creating a form and using many different kinds of inputs.

20 minutes read
12. 

Div and Span

Tags are suppose to give meaning to content, but that's not always the case, like with div and span tags!

5 minutes read
13. 

Article, Section, and Aside

HTML 5 introduced to us many new semantic tags, and we'll go over the main ones and where to use them.

6 minutes read
14. 

Audio

Learn how to add audio to your HTML pages including how to set the MIME type, add fallback text, and controls.

9 minutes read
15. 

Video

Learn how to add video to your HTML pages including how to set the MIME type, loop, add controls, and mute.

9 minutes read
16. 

Canvas

Learn how to add canvas to your HTML pages including how to draw lines, rectangles, circles using JavaScript.

13 minutes read
17. 

Time, Mark, Abbreviation, Quote, Pre, Code

Learn about miscellaneous and rarely used tags such as time, mark, abbreviations, quotes, pre, and code!

9 minutes read
18. 

Conclusion and Wrap Up

This lesson is the conclusion and wrap up of this class on HTML! Congratulations on completing the class!

5 minutes read