Basic structure of an HTML document

0
5K

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
Computer Programming
Quotations (<blockquote>, <q>)
Quotes are used to display text that is a direct quote from another source. In HTML, there are...
By HTML PROGRAMMING LANGUAGE 2024-08-29 02:08:24 0 6K
Technology
Computer Viruses
A computer virus is a type of malicious software (malware) designed to replicate itself and...
By Olaim 2024-07-13 17:32:43 0 6K
Physics
SEPTA-O-LEVEL PHYSICS SEMINAR SLATED FOR 23RD JUNE 2024 AT ST. JOSEPH OF NAZARETH HIGH SCHOOL KAVULE-KATENDE
https://acrobat.adobe.com/id/urn:aaid:sc:EU:39c1aa82-237a-43bf-ba1a-fbe5223d26f1
By Question Bank 2024-07-14 19:52:41 2 9K
Computer Programming
Italic Text in HTML: <i> and <em>
To make text italic in HTML, you can use either the <i> or <em> element. Both...
By HTML PROGRAMMING LANGUAGE 2024-08-29 01:53:32 0 5K
Mathematics
Understanding Quadratic Equations:
A quadratic equation is a polynomial equation of degree 2. It can be expressed in the general...
By Patswe 2024-08-30 06:49:57 0 7K