HTML SYNTAX QUICK REFERENCE
1. Document structure
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
...
</body>
</html>
2. Headings
<h1>Heading 1</h1> to <h6>Heading 6</h6>
3. Paragraphs & text
<p>This is a paragraph.</p>
<br> (line break)
<hr> (horizontal rule)
4. Formatting tags
<b>Bold</b> <i>Italic</i> <u>Underline</u> <strong>Strong</strong> <em>Emphasis</em>
5. Lists
<ul>
<li>Unordered item</li>
</ul>
<ol>
<li>Ordered item</li>
</ol>
6. Links
<a href="[Link] Example</a>
7. Images
<img src="[Link]" alt="description" width="100" height="100">
8. Tables
<table>
<tr>
<th>Header</th>
<th>Header</th>
</tr>
<tr>
<td>Data</td>
<td>Data</td>
</tr>
</table>
9. Forms
<form action="/submit" method="post">
<input type="text" name="name">
<input type="submit" value="Submit">
</form>
10. Inputs
<input type="text">
<input type="password">
<input type="checkbox">
<input type="radio">
<input type="submit">
11. Div & Span
<div>Block container</div>
<span>Inline container</span>
12. Comments
<!-- This is a comment -->
13. Meta & charset
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
14. Script & style
<script src="[Link]"></script>
<style>
p { color: red; }
</style>