HTML code note

📘 HTML Tags Cheat Sheet — by Dween

✅ Basic HTML Structure


<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>My Page</title>
</head>
<body>

</body>
</html>

🧠 Head Tags


<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Page Title</title>
<base href="<https://example.com/>">
<link rel="stylesheet" href="style.css">

🧱 Text & Formatting

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<p>Paragraph</p>
<b>Bold</b>
<i>Italic</i>
<u>Underline</u>
<mark>Highlight</mark>
<small>Small text</small>
<strong>Important</strong>
<em>Emphasis</em>
<del>Deleted</del>
<ins>Inserted</ins>
<sub>H₂O</sub>
<sup>X²</sup>
<abbr title="HyperText Markup Language">HTML</abbr>
<q>Quote</q>
<blockquote>Block quote</blockquote>
<code>Code</code>
<pre>Preformatted</pre>

📋 Lists


<ul>
  <li>Unordered</li>
</ul>

<ol>
  <li>Ordered</li>
</ol>

<dl>
  <dt>Term</dt>
  <dd>Description</dd>
</dl>

🔗 Links


<a href="<https://example.com>">Visit</a>

🖼️ Images & Media

<img src="img.jpg" alt="Image" width="100">

<audio controls>
  <source src="audio.mp3">
</audio>

<video width="300" controls>
  <source src="video.mp4">
</video>

<iframe src="<https://example.com>" width="300" height="200"></iframe>