2. HTML Fundamentals

HTML/CSS Lesson Categories

HTML is the language that gives every webpage its structure and content. These lessons cover everything from setting up your first HTML document to using semantic elements, headings, paragraphs, lists, links, and special characters. By the end of this section, you will know how to write clean, organized HTML that browsers and screen readers can understand.

Ready to test your knowledge?

Take the Quiz

2.1 Organizing Your Folders and Files

Discover the folder structure professional developers use so your HTML, CSS, and image files always stay organized and your links never break. Start the Organizing Your Folders and Files Lesson

2.2 The HTML Framework

See what goes at the top of every HTML file, from the DOCTYPE declaration to the head and body sections that hold your page together. Start the The HTML Framework Lesson

2.3 The Paragraph <p> and Break <br> Tags

Learn how to add text to a webpage using the paragraph tag, and how the line break tag gives you control over where text starts a new line. Start the The Paragraph <p> and Break <br> Tags Lesson

2.4 HTML Headings

Discover how HTML’s six heading levels help you organize content on the page, and why getting the hierarchy right matters for both design and SEO. Start the HTML Headings Lesson

2.5 Making Lists with HTML

Learn how to create bulleted and numbered lists in HTML — two of the most frequently used elements on any webpage. Start the Making Lists with HTML Lesson

2.6 HTML Semantic Elements

Go beyond generic divs and learn the semantic tags that tell browsers and search engines exactly what role each part of your page plays. Start the HTML Semantic Elements Lesson

2.7 HTML Entities: Special Characters

Learn how to use HTML entities to show copyright symbols, em dashes, angle brackets, and other special characters that browsers would otherwise misread. Start the HTML Entities: Special Characters Lesson

2.8 HTML Links: The Anchor Tag <a>

Master the anchor tag, the element behind every clickable link, and learn how to link to other pages, other websites, and specific spots within the same page. Start the HTML Links: The Anchor Tag <a> Lesson

2.9 HTML Indentation and Comments

Learn how to indent nested HTML elements and use comments to explain your code, two habits that set professional developers apart. Start the HTML Indentation and Comments Lesson

Let’s Practice

Now that you have completed the HTML Fundamentals lessons, put your skills to the test.

Optional Reading