# HTML

**1. Document Structure**

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Your Title</title>
</head>
<body>
    <!-- Your content goes here -->
</body>
</html>
```

**2. Text Formatting**

```html
<!-- Headings -->
<h1>This is Heading 1</h1>
<h2>This is Heading 2</h2>
<!-- Paragraph -->
<p>This is a paragraph.</p>
<!-- Bold & Italic -->
<strong>Bold Text</strong>
<em>Italic Text</em>
<!-- Line Break -->
<p>First line<br>Second line</p>
```

**3. Links**

```html
<!-- Anchor Tag -->
<a href="https://example.com" target="_blank" title="Visit Example">Visit Example</a>
```

**4. Images**

```html
<!-- Image Tag -->
<img src="image.jpg" alt="Description">
```

**5. Lists**

```html
<!-- Unordered List -->
<ul>
    <li>Item 1</li>
    <li>Item 2</li>
</ul>
<!-- Ordered List -->
<ol>
    <li>Item 1</li>
    <li>Item 2</li>
</ol>
```

**6. Forms**

```html
<form action="/submit" method="post">
    <!-- Text Input -->
    <label for="username">Username:</label>
    <input type="text" id="username" name="username">
    <!-- Password Input -->
    <label for="password">Password:</label>
    <input type="password" id="password" name="password">
    <!-- Submit Button -->
    <input type="submit" value="Submit">
</form>
```

**7. Tables**

```html
<!-- Table -->
<table border="1">
    <tr>
        <th>Header 1</th>
        <th>Header 2</th>
    </tr>
    <tr>
        <td>Data 1</td>
        <td>Data 2</td>
    </tr>
</table>
```

**8. Divisions & Spans**

```html
<!-- Division -->
<div>
    <!-- Your content goes here -->
</div>
<!-- Span -->
<p>This is a <span style="color: blue;">blue</span> word.</p>
```

**9. Comments**

```html
<!-- This is a comment -->
```

**10. Scripting**

```html
<!-- Script Tag -->
<script>
    alert('Hello, World!');
</script>
```
