Lesson 2

Basic HTML Document Structure

InTech Study Club

SMA Riyadhusholihiin

The <html> Tag

Although various versions have been released over the years, HTML basics remain the same.

The structure of an HTML document has been compared with that of a sandwich. As a sandwich has two slices of bread, the HTML document has opening and closing HTML tags.

The <html> Tag

These tags, like the bread in a sandwich, surround everything else:

<html>

…

</html>

Everything in an HTML document is surrounded by the <html> tag.

The <head> Tag

• Immediately following the opening HTML tag, you'll find the head of the document, which is identified by opening and closing head tags.

• The head of an HTML file contains all of the non-visual elements that help make the page work.

• <html>

  <head></head>

  </html>

Multiple Choice

Wich code is true to create a valid HTML document:

• <html>

  </head><head>

  </html>

• <html>

  <head></head>

  </html>

• <head>

  </head><html>

  </html>

• <html>

  </html><head>

  </head>

The <body> Tag

• The body tag follows the head tag.

  All visual-structural elements are contained within the body tag.

• Headings, paragraphs, lists, quotes, images, and links are just a few of the elements that can be contained within the body tag.

Basic HTML Structure:

<html>

    <head>

    </head>

    <body>

    </body>

</html>

The <body> tag defines the main content of the HTML document.