Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
July 13, 2022 01:58 pm GMT

What is an HTML Documents Basic Structure?

HTML (HyperText Markup Language) is the code that is used to structure a web page and its content.
The basic structure of an HTML document consists of these elements:

  • Doctype declaration
  • html
  • head
  • body
  • footer

!DOCTYPE html

The <!DOCTYPE html> declaration needs to be there to inform the browser that this document is an HTML5 document.

The <html> Tag

Although several versions have been released throughout time, the fundamentals of HTML have remained the same.

The <html> tag is the root and is the container for all other HTML elements (except for the <!DOCTYPE> tag).
An HTML documents structure has been compared to that of a burger. The HTML document has opening and closing HTML tags, just like a burger has two bun slices on the top and bottom.

These tags, surround everything else:

<html>    <!-- content --></html>

The <head> Tag

The documents head, which is identified by opening and closing head tags, appears immediately after the beginning HTML element.

The head of an HTML file contains all of the pages non-visual elements. The head element contains metadata about the document, such as its title, scripts, and style sheets.

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

The <body> Tag

The body tag follows the head tag.
The tag defines the main content of the HTML document.
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. Like in our burger analogy, the body is like the contents of a burger e.g. cheese, lettuce, patty, pickles etc.

Basic HTML Structure

Here is the basic structure of a HTML document:

<!DOCTYPE html><html>    <head>        <title> Title here </title>    </head>    <body>        web page content goes here    </body>    <footer>    </footer></html>

The <footer> Tag

A footer appears at the bottom of the HTML web page.
A typically <footer> contains information about the section:

  • Author
  • Related content
  • Copyright data
  • Navigation elements

A webpage can have multiple footers if necessary.

Read more articles about HTML, CSS and JavaScript over on my blog


Original Link: https://dev.to/max88git/what-is-an-html-documents-basic-structure-10ml

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To