Basic structure of an HTML document

0
6K

An HTML document is composed of two main sections: the head and the body.

The <head> Section

The <head> section contains metadata about the document, which is information about the document itself rather than content that will be displayed on the page. This includes:

  • Title: Defines the title of the document, which appears in the browser's title bar.
  • Meta tags: Provide additional information about the document, such as keywords, description, author, and character encoding.
  • Links to external stylesheets: Connect to CSS files for styling the page.
  • Scripts: Include JavaScript files for interactive elements.

HTML
<head>
  <title>My Web Page</title>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="styles.css">
</head>

The <body> Section

The <body> section contains the visible content of the page, including:

  • Headings: Define the structure and importance of content (<h1> to <h6>).
  • Paragraphs: Contain regular text content (<p>).
  • Images: Display images (<img>).
  • Links: Create hyperlinks to other pages or resources (<a>).
  • Lists: Organize content into bulleted or numbered lists (<ul>, <ol>).
  • Divisions: Group content for styling or scripting purposes (<div>).

HTML
<body>
  <h1>Welcome to My Page</h1>
  <p>This is a paragraph.</p>
  <img src="image.jpg" alt="An image">
  <a href="https://example.com">Visit Example</a>
</body>

Complete HTML Structure

HTML
<!DOCTYPE html>
<html>
<head>
  <title>My Web Page</title>
  <meta charset="UTF-8">
</head>
<body>
  </body>
</html>

  • <!DOCTYPE html>: This declaration specifies the document type as HTML5.
  • <html></html>: This is the root element of an HTML document.

Note: While this is a basic structure, HTML offers many more elements and attributes to create complex and interactive web pages.

Love
1
Search
Categories
Read More
Business
Why Your Business Needs IT Services
Businesses often hesitate to hire IT services, considering them a high-cost investment. However,...
By Olaim 2024-07-19 14:20:20 0 11K
Technology
Reasons why we should all learn Ms Excel
Learning Microsoft Excel is beneficial for several reasons:   1. **Data Management**:...
By Patswe 2024-07-16 06:35:02 0 7K
Business
Build Meaningful Connections and Watch Your Business Thrive
Networking is Key! Build Meaningful Connections and Watch Your Business Thrive In the fast-paced...
By Olaim 2024-07-23 17:42:22 0 11K
Education
PROJECT PLANNING
PROJECT PLANNING
By Expedito 2024-07-26 16:25:50 0 6K
Games
Nulls Brawl Download With All Fighters Open and New Stuff Like Lumi
So here’s the thing, Brawl Stars is good and all, but sometimes it gets tiring when you...
By wamuu 2025-04-14 13:55:53 0 3K
Tebtalks https://tebtalks.com