<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My First Page</title>
</head>
<body>
<h1>Hello World</h1>
<p>This is my first webpage.</p>
</body>
</html>This is my first webpage.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Google Fonts Example</title>
<!-- Link to Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Quicksand', sans-serif;
}
</style>
</head>
<body>
<h1>Hello World</h1>
<p>This text uses the Quicksand font from Google Fonts.</p>
</body>
</html>This text uses the Quicksand font from Google Fonts.
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6><p>This is a paragraph of text.</p>
<p>Here is another paragraph with a<br>line break.</p>This is a paragraph of text.
Here is another paragraph with a
line break.
<p>First section of text.</p>
<hr>
<p>Second section of text after a horizontal line.</p>First section of text.
Second section of text after a horizontal line.
<p>This is a paragraph.</p>
<strong>Bold text</strong>
<em>Italic text</em>
<u>Underlined text</u>
<mark>Highlighted text</mark>
<del>Deleted text</del>
<ins>Inserted text</ins>
<sup>Superscript</sup> and <sub>Subscript</sub>This is a paragraph.
Bold text<p style="color:red;">This is red text.</p>
<p style="color:blue;">This is blue text.</p>
<p style="color:green;">This is green text.</p>
<p style="color:#f7c84b;">This is custom hex color text.</p>This is red text.
This is blue text.
This is green text.
This is custom hex color text.
<a href="https://example.com" target="_blank">Visit Example</a><a href="mailto:name@example.com">Email me</a><a href="mailto:name@example.com?subject=Hello%20there&body=Hi%20there%2C%0A%0AJust%20reaching%20out...">Email me</a><a href="mailto:to@example.com?cc=ccperson@example.com&bcc=hidden@example.com&subject=Question&body=Hi%20team">Email us</a><a href="mailto:name@example.com?subject=Hi&body=Hello%0A"
style="display:inline-block;padding:.6rem 1rem;border-radius:999px;background:#1a8fe3;color:#fff;text-decoration:none;font-weight:600">✉ Email me</a><iframe src="https://example.com" width="400" height="300" title="Example iframe"></iframe><audio controls>
<source src="https://www.w3schools.com/html/horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio><img src="https://via.placeholder.com/150" alt="Placeholder image"><ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<ol>
<li>First</li>
<li>Second</li>
<li>Third</li>
</ol><table border="1">
<tr>
<th>Name</th>
<th>Age</th>
</tr>
<tr>
<td>Alice</td>
<td>25</td>
</tr>
<tr>
<td>Bob</td>
<td>30</td>
</tr>
</table>| Name | Age |
|---|---|
| Alice | 25 |
| Bob | 30 |
<form action="#" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name">
<br><br>
<input type="submit" value="Submit">
</form>