HTML Elements

HTML Elements

An HTML element includes everything within an HTML web page – from the first opening tag to the last closing tag.

HTML Element – <html> </html>

<html> – The start or opening <html> tag always begins an HTML web page. The closing </html> tag always closes an HTML web page.

The purpose of these HTML elements is to enclose all of the HTML tags and instruct the web browsers.

<html>
</html>

HTML Element – <head> </head>

<head> – The opening <head> element follows the opening <html> tag within an HTML web page.

The closing HEAD element </head> closes the HEAD section of an HTML web page.

The <head> </head> section contains information about the page, such as the TITLE, META tags for proper Search Engine indexing, STYLE tags, which determine the page layout, and JavaScript coding for special effects.

All of this information should be placed between the <head> and the </head> elements.

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

HTML Element – <title> </title>

<title> – The opening <title> element follows the opening <head> element. The <title> </title> section of your web page will contain your web page title, which will be visible in the title bar when viewed through a web browser.

<html>
<head>
<title>Your Web Page Title</title>
</head>
</html>

Notice that the <title> </title> elements are nested (displayed within another HTML element) within the <head> </head>? As a rule, most HTML elements can be nested within another HTML element.

When selecting a title for your web page, make sure to include your most relevant keyword phrase for higher search engine ranking. A keyword phrase is usually three or four words that best describe your web page.

HTML Element – <body> </body>

<body> – The opening <body> element follows the closing </head> element. The closing </body> element should be placed directly above the closing </html> element. The <body> </body> section is where you will begin writing your document and placing all of your HTML codes.

<html>
<head>
<title>Your Web Page Title</title>
</head>
<body>

</body>
</html>

We will go over many more HTML elements throughout this tutorial. In the next section, we will be focusing on HTML attributes.