Add a <header> tag

Let’s start by opening up your starter files in your text editor. Open up profile.html in atom.

In between the opening body tag and the closing body tag, we’re going to add a header tag. This <header> tag is going to wrap around all of the content we want to appear in the header section of our profile page.

  <header>
  </header>

Let’s add some content to our header. Using an <h1> tag, let’s put our name at the top of the page.

  <header>
    <h1>Larry Ducksworth</h1>
  </header>

Awesome! Save your profile.html file. Now, we’re going to open profile.html in your browser.

When you refresh it will probably look something like:

Woo! We’re off to a great start. If you don’t see anything on your page, double check that you’ve correctly saved profile.html.

Up next, let’s add our address. To do this, we’ll use a paragraph tag. The paragraph tag is one of the most frequently used HTML elements. On the line just below your <h1> tag add:

  <p>312 Farmhouse Lane, Quacksville, Newfoundland, A1B 2C3</p>

Let’s save and refresh that page.

Before we head to the next section, make sure you have an <h1> and a <p> tag in your header. Here’s a sample of what your code should look like:

  <header>
    <h1>Larry Ducksworth</h1>
    <p>312 Farmhouse Lane, Quacksville, Newfoundland, A1B 2C3</p>
  </header>