Basic structure of an HTML document
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.
English
Arabic
French
Spanish
Portuguese
Deutsch
Turkish
Italiano
Russian
Romaian
Portuguese (Brazil)
Greek