HTML Cheat Sheet

This cheat sheet lists common HTML elements and their native functions.

1. Text Elements

• <p>: Paragraph
• <h1> - <h6>: Headings
• <strong>: Bold text (important)
• <em>: Italicized text (emphasis)
• <small>: Smaller text
• <mark>: Highlighted text
• <blockquote>: Block quote
• <pre>: Preformatted text
• <code>: Inline code snippet

2. Lists

• <ul>: Unordered list
• <ol>: Ordered list
• <li>: List item

3. Links and Media

• <a href="">: Anchor/link
• <img src="" alt="">: Image
• <video src="" controls>: Video
• <audio src="" controls>: Audio
• <iframe src="">: Embed another webpage

4. Forms

• <form>: Form container
• <input type="text">: Text input
• <input type="password">: Password input
• <input type="submit">: Submit button
• <input type="checkbox">: Checkbox
• <input type="radio">: Radio button
• <textarea>: Multi-line text input
• <select>: Dropdown menu
• <button>: Clickable button
• <label>: Label for form elements

5. Tables

• <table>: Table container
• <tr>: Table row
• <td>: Table cell
• <th>: Table header
• <thead>: Table header group
• <tbody>: Table body group
• <tfoot>: Table footer group

6. Semantic Elements

• <header>: Page or section header
• <nav>: Navigation links
• <main>: Main content
• <section>: Section of content
• <article>: Self-contained content
• <aside>: Sidebar content
• <footer>: Page or section footer

7. Other Useful Elements

• <div>: Generic container
• <span>: Inline container
• <br>: Line break
• <hr>: Horizontal rule
• <details>: Expandable content
• <summary>: Summary for <details>
• <progress>: Progress bar
• <meter>: Measurement within a range