Getting Started with HTML - Sabe.io

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!

Lesson #1

Introduction to HTML

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

Tags, Attributes, and Elements

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

Basic HTML Page

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

Comments, Emphasis, Paragraphs, Line Breaks

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

Headings

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

Unordered, Ordered, and Description Lists

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

Links

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

Images

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

Scalable Vector Graphics

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

Tables

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

Forms and Inputs

Learn how to collect data from your users by creating a form and using many different kinds of inputs.
Lesson #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!
Lesson #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.
Lesson #14

Audio

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

Video

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

Canvas

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

Time, Mark, Abbreviation, Quote, Pre, Code

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

Conclusion and Wrap Up

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