Basic structure of an HTML document

0
9K

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
Zoeken
Categorieën
Read More
Chemistry
UMTA UACE UMTA CHEMISTRY PAPER 1 2024 MOCKS
UMTA UACE CHEMISTRY PAPER 1 2024 MOCKS
By Landus Mumbere Expedito 2024-08-01 16:10:54 0 11K
Technology
SOCIAL MEDIA MARKETING
introduction to social media. Of course, I'm sure that most of you social media needslittle...
By Okiliong Peter 2024-08-24 16:07:57 0 8K
Computer Programming
HTML, Head, Body tags
HTML The root element of an HTML document. Encloses the entire document, including the head...
By HTML PROGRAMMING LANGUAGE 2024-08-13 03:31:57 0 9K
Biology
S 4 BIOLOGY INTERNAL MOCK 2024
https://acrobat.adobe.com/id/urn:aaid:sc:EU:7df0e01a-f4c6-457b-9167-b4f4a4726315
By Landus Mumbere Expedito 2024-07-19 23:23:38 0 10K
Business
Running a Successful Business
Beyond Profits to Building a Strong Foundation In the world of business, success is often...
By ALAGAI AUGUSTEN 2024-08-03 15:49:40 0 12K
Talksphare https://talksphare.com