HTML and CSS Reference
In-Depth Information
Look back at the complete code sample. Note that the
<head>
is contained within the
<html>
element, between
the start and end tags.
One of the most important elements in the
<head>
is the
<title>
element. The content of this element is used to
set the title of your page in the browser and will appear at the top of your browser window or on a tab, as you can see
in Figure 1-3. In your web page, you define the page title as
My First Web Page
.
Try updating the title of your web page:
The code for this exercise can be found in folder 3.
1.
Open the
index.html
file in your text editor.
2.
Update the text between the
<title>
tags to be
My Updated Page Title
.
3.
Save the file.
Now if you open the
index.html
file in your web browser, you should see that the page title has changed. This is
displayed either at the top of the browser or in the browser tab, depending on which browser you are using.
The <body> Element
After the
<head>
element comes a new element—the
<body>
. In this element, you place all the content that will
be displayed in the browser window. The following code shows the
<body>
element from your web page.
<body>
<p>Hello World</p>
</body>
You can have only one
<body>
element in a page.
The
Hello World
text here has been placed within a
<p>
(paragraph) element. This element is used for blocks
of text. You look at this element in more detail in Chapter 4.
Try adding some new content to your web page:
