HTML Document Basic Structure | Break down the HTML structure - Example of the basic structure of an HTML document
HTML Document Basic Structure:
An HTML (Hypertext Markup Language) document follows a basic structure that includes the declaration, head, and body sections.
Here's an example of the basic structure of an HTML document:
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your Page Title</title>
<!-- Additional head elements such as stylesheets and scripts can be added here -->
</head>
<body>
<!-- The content of your webpage goes here -->
<h1>Hello, World!</h1>
<p>This is a basic HTML document.</p>
</body>
</html>
 |
| HTML Document Basic Structure |
Let's break down the structure:
1. `<!DOCTYPE html>`:
- Declares the document type and version of HTML being used. In this case, it's HTML5.
2. `<html>`:
- The root element that wraps the entire HTML document.
3. `lang="en"`:
- Specifies the language of the document. In this example, it's set to English.
4. `<head>`:
- Contains meta-information about the HTML document, such as character set, viewport settings, and the title.
5. `<meta charset="UTF-8">`:
- Specifies the character encoding for the document. UTF-8 is widely used and supports various characters.
 |
HTML Web Page Basic Structure
|
6. `<meta name="viewport" content="width=device-width, initial-scale=1.0">`:
- Sets the viewport settings for responsive design, ensuring the webpage adapts to different device screen sizes.
7. `<title>`:
- Defines the title of the HTML document, which appears in the browser tab or window.
8. `<body>`:
- Contains the content of the HTML document, such as text, images, links, and other elements.
This is a basic template, and you can add more elements, such as headings (`<h1>`, `<h2>`), paragraphs (`<p>`), images (`<img>`), links (`<a>`), and various other HTML elements within the `<body>` to create your webpage's content. Additionally, you can include external stylesheets and scripts in the `<head>` section for styling and interactivity.
Comments
Post a Comment