CSS Portal

Getting Started - HTML Tutorial

If this site has been useful, we’d love your support! Consider buying us a coffee to keep things going strong!

Welcome to the world of HTML! If you’re completely new to writing HTML, this chapter is the perfect place to begin. If you already have some experience, feel free to jump ahead to Chapter 2, Markup Basics and pick up from there.

By the end of this chapter, you’ll be able to:

  • create and modify a simple web page

  • understand what HTML elements and attributes are, and how they work together

  • use built-in browser tools to inspect, explore, and learn from existing websites

Section Summaries

The Getting Started chapter includes the following sections:

Diving In

Jump right in by creating a simple web page. You’ll see how HTML works in practice and get comfortable editing real code from the start.

Structure

Explores the basic structure of an HTML document, including the html, head, title, and body elements, and explains why each one matters.

Tinkering

Builds on your first page by making small changes. You’ll add text, adjust styling, and learn how HTML handles whitespace and formatting.

Elements

Takes a closer look at HTML elements - the core building blocks of the web. You’ll learn how elements are structured, what happens when something goes wrong, and why some elements are best left in the past.

Attributes

Covers attributes, which provide additional information and behavior for elements. You’ll learn how they work, how to write them correctly, and how small mistakes can affect your page.

Browser Tools

Introduces essential browser tools such as viewing source, inspecting elements, and exploring page structure - skills every modern web developer should know.

If this site has been useful, we’d love your support! Consider buying us a coffee to keep things going strong!