<!DOCTYPE html>
<html>
<head>
<title>Sample HTML</title>
<base href="https://example.com/">
<meta charset="UTF-8">
<link rel="stylesheet" href="styles.css">
<style>
body { font-family: Arial, sans-serif; }
</style>
<script>
function showMessage() {
alert("This is a sample message!");
}
</script>
<noscript>Your browser does not support JavaScript!</noscript>
</head>
<body>
<div>
<span>Sample text inside a span</span>
<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.</p>
<hr>
<pre>This is preformatted text.</pre>
<blockquote>This is a blockquote.</blockquote>
<ol>
<li>Ordered list item 1</li>
<li>Ordered list item 2</li>
</ol>
<ul>
<li>Unordered list item 1</li>
<li>Unordered list item 2</li>
</ul>
<dl>
<dt>Definition term</dt>
<dd>Definition description</dd>
</dl>
<a href="https://example.com">This is a link</a>
<em>Emphasized text</em>
<strong>Strong text</strong>
<small>Small text</small>
<s>Strikethrough text</s>
<cite>Citation</cite>
<q>This is a quote</q>
<dfn>Definition</dfn>
<abbr title="Abbreviation">Abbr</abbr>
<code>Code snippet</code>
<var>Variable</var>
<samp>Sample output</samp>
<kbd>Keyboard input</kbd>
<sub>Subscript</sub>
<sup>Superscript</sup>
<i>Italic text</i>
<b>Bold text</b>
<u>Underlined text</u>
<bdo dir="rtl">Bidirectional Override</bdo>
<br>
<img src="image.jpg" alt="Sample image">
<iframe src="https://example.com"></iframe>
<embed src="sample.swf">
<object data="sample.pdf" type="application/pdf">
<param name="param1" value="value1">
</object>
<map name="samplemap">
<area shape="rect" coords="34,44,270,350" href="https://example.com">
</map>
<area shape="circle" coords="34,44,270,350" href="https://example.com">
<table>
<caption>Table Caption</caption>
<colgroup>
<col style="background-color:yellow">
</colgroup>
<thead>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
</thead>
<tbody>
<tr>
<td>Data 1</td>
<td>Data 2</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Footer 1</td>
<td>Footer 2</td>
</tr>
</tfoot>
</table>
<form action="/submit" method="post">
<label for="input1">Label:</label>
<input type="text" id="input1" name="input1">
<button type="button" onclick="showMessage()">Click Me</button>
<select>
<optgroup label="Group 1">
<option value="1">Option 1</option>
</optgroup>
</select>
<textarea>Textarea content</textarea>
<fieldset>
<legend>Fieldset legend</legend>
Fieldset content
</fieldset>
</form>
<ins>Inserted text</ins>
<del>Deleted text</del>
</div>
</body>
</html>