Parts of a Webpage

Section 1 - Introduction
      Tags
      End what you begin
      Nesting
      Parts of a webpage
Section 2 - Basics
Section 3 - Next Level
Section 4 - Advanced
Section 5 - Publishing
Section 6 - Extras
Appendices
One more very short lesson and then you make your first webpage.

So far, we have learned about the <html> language tag and the <body> tag. There is one more section of a web document you need to know before beginning. Look at the very top of the page, way above the navigation buttons. Can you see a line that says "Introduction: Can You See This?" up there? Well, that area is known as the head of the document, and the words you see are the title of the page. You'll learn two new tags in this lesson and see how a webpage is put together. Pay close attention.

Head - what's really happening up there?
That strip at the top of the page (often blue in color) needs to be defined. It's called the head, and by now, you might be able to predict how to define it in HTML. Here it goes...
<head>
And it's trusty sidekick...
</head>
HTML documents are like snakes and swimmers; the head comes first and then the body follows. As you learned in the last lesson, the body is where all of the text and pictures are to be found. Comparatively, few things are found in the head. The main thing you'll need for the head is the title, and again, it's a simple tag.
<title>
and of course you'll need
</title>
Between the "begin title" and the "end title" tags, you'll type the text you'd like hovering above your document. It's that easy. But it's easier to show you than to tell you. Let's say that we wanted to make a webpage entitled "Running with scizzors." Here's how you'd do it.
<html>
    <head>
       <title>
         Running with scizzors
       </title>
    </head>
    <body>


   </body>
</html>

Notice that the entire document is HTML, so the HTML tags begin and end the document. Then comes the head, and the title is nested within the head. Once we're finished with the head and have closed all of the tags, we begin the body. Nothing is in the body yet, but as soon as you put something there, you'll have achieved a web page.
Back Home Forward