Basic HTML Page Structure

Each web page requires four elements: <html>, <head>, <title> and <body>.

<html> Element

The <html> tag is used to signify the beginning and end of a HTML web page. All HTML markup will go between these two tags. Open up your text browser and copy the text below into your new document.

<html>
</html>

<head> Element

The <head> element stores data that isn't shown in the browser's viewing area. The <head> tag must fall between the <html> and <body> tags.

<html>
<head>
</head>
</html>

<title> Element

The <title> element stores the title of the web page. If you look in the upper left hand corner of the screen, you will see the title of this page.

<html>
<head>
<title>My First Web Page!</title>
</head>
</html>

<body> Element

The <body> element is the "meat and potatoes" of the HTML tags. It stores everything that will be shown to the user. All your paragraphs, images, tables, embedded media, etc... will be going in between the <body> tag.

<html>
<head>
<title>My First Web Page!</title>
</head>
<body>
Hello World! This is my first web page.
</body>
</html>

Copy this text into your text editor, save it with the file extension of .html (dot html) and access the file through your web browser. You should see:

Follow Us!

Guides

Basic HTML Page Structure

<html> Element

<head> Element

<title> Element

<body> Element

Permalink

Comments

Post new comment