goer.org | HTML Tutorial : Introduction

Table of Contents

About
Introduction
Diving In
Structure
Tinkering
Tags
Attributes
Browser Tools
Basic
Paragraph Breaks
Headings
Font Styles
Colors
Links
Images
Lists
Intermediate
Style Sheets
Classes and IDs
Div and Span
Font Control
Borders
Margins and Padding
Align and Indent
Advanced
Tables
Miscellany
SHTML

Introduction

Welcome to the HTML Tutorial! If you have never written HTML code before, you should start with this section. If you've written HTML before, you should feel free to skip ahead to the Basic section at least. See the Table of Contents for topics of interest.

Section Goals

When you're done with this section, you should be able to:

Subsections

Diving In
In this section, we waste no time in diving in and creating a simple web page.
Structure
In this section, we look at document structure: the <html> tag, the <head>, the <title>, and the <body>.
Tinkering
In this section, we make some alterations to our "Simple Web Page". We'll add text, change the background color, and explore how HTML handles whitespace.
Tags
In this section, we explore tag properties. What are the components of a tag? What happens if you misspell a tag? And is there a use for the <blink> tag?
Attributes
In this section, we take a look at attributes. Attributes modify the behavior of a tag. We'll look at the components of an attribute and talk about attribute whitespace, attribute misspellings, and other issues.
Browser Tools
This section explains how to use several useful features in your browser that will help you learn HTML: View Source, View Page Properties, Save Image, and more.