HTML Tutorial

Follow the steps in this HTML Tutorial to learn how to write and design your own webpage. Use the playground below to practice your skills.

Previous

Hello, HTML

Next

Adding Text

One of the easiest and most important things to put on a web page is text. Text is usually inserted with the paragraph tag <p>. This tag tells the browser that what follows will be text for it to display. Go to the HTML Playground and try typing this line in place of the "REPLACE ME" text.

<p> I love animals! </p>

will show up in the browser as

I love animals!

Not too exciting, right? So let's make it bigger! HTML has tags for creating headings of various sizes; the largest is <h1> and the smallest is <h6>. Let's use the <h1> tag to make the text big. To do this, wrap the start and end tags around the text like this:

<h1> I love animals! </h1>

will show up in the browser as

I love animals!

Now it's definitely more eye-catching!

HTML Playground

Try it for yourself:

  • Turn the paragraph into a heading
  • Create all the headings, <h1> through <h6>

Your Code

The Results

Steps

  1. Overview
  2. About the Internet
  3. Hello, HTML
  4. Make it pretty
  5. Adding pictures
  6. Fancy layouts
  7. Show it to the world