My code's not working!

×

  1. Double check all your files are saved.
  2. Check each quote has a pair.
  3. Do all of your HTML tags have a closing tag?
  4. Ask a mentor for help!

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:

header_step_one

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.

header_step_two

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>