AgainColours
The profile

3 of 11

The skeleton

This lesson is closed. Finish the one before it. Do the practice. Pass the assessment. Then this one opens.

Go to Two files

Back to the lesson. Three tries are used. Read this again, then try the code.

You finished. The lesson is open again.

Look here

head The title, and the link to the paint. A visitor does not see the head.

body The header, the menu, the sections, the footer. A visitor sees all of this.

In plain words

Every page starts with the same bones. A first line that says this is HTML. Then html, which holds the whole page. Inside it, head and body. Head is information. Body is what a person sees.

1 of 3

The labels

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Your Name</title>
  <link rel="stylesheet" href="yourname.css">
</head>
<body>

</body>
</html>

Line by line

  1. <!DOCTYPE html>The first line. It tells the browser which kind of HTML this is. Copy it. It has no closing label.
  2. <html lang="en">The page. lang="en" says the words are English.
  3. <head>Hidden information: the title, and the link to the paint. Nothing in the head is drawn on the page.
  4. <title>Your Name</title>The browser tab. Replace Your Name. This is not the h1.
  5. <link rel="stylesheet" href="yourname.css">Calls the paint file. This label does not close with a second link label.
  6. <body>Everything from the header to the footer goes between body and /body.

The next lesson opens after you practice and pass the assessment.

Practice

The bones are almost right. The first line is missing. Add it.

Assessment

The lesson is closed. Pick one answer each, then mark it. A wrong answer tells you why, what to do, and what to remember.

What is the title for?
Which line has no closing label?