HTML Basics Course (How To)

Learn HTML (HyperText Markup Language), the language common to every website. HTML describes the basic structure and content of a web page. If you want to build a website or web application, you'll need to know HTML.

What you'll learn

• Semantic markup
• Formatting page content
• Understanding file paths
• Displaying images
• Inline vs. block-level elements

Getting Started with HTML

HTML is a markup language the browser uses to present content to users, like text, links, images and more. It's the basic component from which all websites and applications on the web are built.

Chevron 8 steps

• What is HTML?

  4:06

• Global Structure of an HTML Document

  5:36

• Intro to HTML Review

  6 questions

• Headings and Paragraphs

  5:26

• Headings and Paragraphs Challenge

  3 objectives

• Creating Lists

  5:31

• Creating Links

  6:29

• Lists and Links Challenge

  2 objectives

Structuring Your Content

Learn to write semantic HTML and use elements that describe sections of content.

Chevron 8 steps

• Semantic HTML: <header>, <footer> and <section>

  7:29

• Sectioning Content with <article>, <nav> and <aside>

  4:23

• Structuring Content Challenge

  4 objectives

• Marking Up a Blog Post

  6:33

• Grouping Content with <main> and <div>

  6:47

• Grouping Content Challenge

  3 objectives

• Using Multiple <header> and <footer> Elements

  3:51

• Structuring Your Content Review

  7 questions

Images, Text and Links

Learn to display images, work with file paths, and define text with special meaning.

Chevron 7 steps

• Understanding File Paths

  6:03

• Adding Images to the Page

  5:09

• Captioning Images

  3:15

• Images and File Paths Challenge

  3 objectives

• Creating Breaks in Content

  3:23

• Add Meaning to Words with Text Level Elements

  5:05

• Text Level Elements Challenge

  3 objectives

Going Further with HTML

Push your HTML skills further by learning more about file paths and linking to web pages. You'll also learn to work with special HTML characters, add comments to your code, and explore tips and resources that will help you go forward with HTML.

Chevron 10 steps

• Linking to Sections of a Web Page

  5:38

• Root-relative Paths

  2:54

• Links and Paths Challenge

  3 objectives

• Link to Email

  2:31

• HTML Entities and Reserved Characters

  4:36

• Email Links and Entities Challenge

  2 objectives

• Adding Developer Notes with HTML Comments

  2:04

• Working on a Website Project Locally

  4:22

• Next Steps

  3:20

• Going Further with HTML Review

  6 questions