HTML, Head, Body tags

Blogs Computer Programming

Posted 2024-08-13 03:31:57

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>