HTML

  • The root element of an HTML document.
  • Encloses the entire document, including the head and body sections.
  • Provides the overall structure for the webpage.

Head

  • Contains metadata about the webpage, information that is not displayed directly on the page but is essential for browsers and search engines.
  • Common elements within the head include:
    • <title>: Sets the title of the page, displayed in the browser's tab.
    • <meta>: Provides additional information about the page, such as keywords, description, author, character encoding, viewport, etc.
    • <link>: Links to external stylesheets (CSS) for styling the page.
    • <script>: Includes JavaScript code for interactive elements.

Body

  • Contains the visible content of the webpage.
  • This is where you place elements like headings, paragraphs, images, links, forms, and other content that users will see.
  • Common elements within the body include:
    • <h1> to <h6>: Defines headings of different levels.
    • <p>: Defines a paragraph.
    • <img>: Embeds an image.
    • <a>: Creates a hyperlink.
    • <div>: Defines a division or section in an HTML document.
    • <span>: Defines an inline section in an HTML document.

Basic HTML Structure:

HTML
<!DOCTYPE html>
<html>
<head>
  <title>My Web Page</title>
  <meta charset="UTF-8">
</head>
<body>
  <h1>Hello, world!</h1>
  <p>This is a paragraph.</p>
</body>
</html>

In summary:

  • The html tag encompasses the entire document.
  • The head tag contains metadata about the page.
  • The body tag contains the visible content of the page.