codex-lv2-may-2025

🎨 HTML Cheatsheet for CSS Frameworks Lesson

📋 Basic HTML Structure

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Your Page Title</title>
  <link rel="stylesheet" href="CSS_FRAMEWORK_LINK_HERE" />
</head>
<body>
  <!-- Your Content Goes Here -->
</body>
</html>

🎯 Essential HTML Elements

Headings

<h1>Main Heading</h1>
<h2>Sub Heading</h2>
<h3>Card Title</h3>

Text Content

<p>This is a paragraph of text.</p>
<ul>
  <li>List item 1</li>
  <li>List item 2</li>
</ul>

Buttons

<button>Default Button</button>

Card Structure

<article class="card">
  <img src="IMAGE_URL" alt="Description" />
  <header>
    <h3>Card Title</h3>
  </header>
  <p>Card content</p>
  <footer>
    <button>Action</button>
  </footer>
</article>

Images

<img src="https://images.pexels.com/photos/1108099/pexels-photo-1108099.jpeg?w=300" alt="Description" />