Class – 03 | HTML Document Structure | HTML Tutorial

HTML Document Structure - Class - 3
HTML Document Structure – Class – 3

An HTML document is structured using a series of HTML elements represented by tags. Here is the basic structure of an HTML document:

<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
  </head>
  <body>
    <header>
      <!-- header content -->
    </header>
    <nav>
      <!-- navigation links -->
    </nav>
    <main>
      <!-- main content of the page -->
    </main>
    <aside>
      <!-- aside content -->
    </aside>
    <footer>
      <!-- footer content -->
    </footer>
  </body>
</html>

DOCTYPE

The <!DOCTYPE html> declaration is used to specify the HTML version used in the document.

HTML

The <html> element is the root element of an HTML page and contains all the other elements.

Head

The <head> Element provides meta-information about the document, such as the page title, displayed in the browser’s title bar or tab.

Body

The <body> element contains the page’s primary content, including the header, navigation, main content, aside, and footer sections.

Header

The <header> element typically contains the header content, such as the logo and site title.

Nav

The <nav> element is used to contain navigation links.

Main

The <main> element manages the page’s primary content, including articles, images, and videos.

Aside

The <aside> element is used to have content related to the main content but can be considered separate, such as a sidebar.

Footer

The <footer> element contains the footer content, such as copyrights and links to other pages.

Next Class

See also  Class – 14 | HTML Buttons | HTML Tutorial

Hamza Raja

Website Developer, Blogger, Digital Marketer & Search Engine Optimization SEO Expert.

Leave a Comment