HTML

cheatsheet
  1. HTML basic structure
    2. <!DOCTYPE html>
<html>
<head>
    <title>Title</title>
</head>
<body>
    <h1>Hello, World!</h1>
</body>
</html>
  2. HTML headings
    3. <h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
  3. HTML paragraph
    4. <p>This is a paragraph.</p>
  4. HTML line break
    5. <p>This is the first line.<br>This is the second line.</p>
  5. HTML link
    6. <a href="https://www.example.com">Link</a>
  6. HTML image
    7. <img src="image.jpg" alt="Description">
  7. HTML list (unordered)
    8. <ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>
  8. HTML list (ordered)
    9. <ol>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ol>
  9. HTML table
    10. <table>
    <tr>
        <th>Header 1</th>
        <th>Header 2</th>
    </tr>
    <tr>
        <td>Data 1</td>
        <td>Data 2</td>
    </tr>
</table>
  10. HTML form
    11. <form action="/submit" method="post">
    <input type="text" name="username">
    <input type="password" name="password">
    <input type="submit" value="Submit">
</form>
  11. HTML div
    12. <div>This is a division.</div>
  12. HTML span
    13. <p>This is a <span>span</span> element.</p>
  13. HTML input (text)
    14. <input type="text" name="name">
  14. HTML input (password)
    15. <input type="password" name="password">
  15. HTML input (checkbox)
    16. <input type="checkbox" name="agree">
  16. HTML input (radio)
    17. <input type="radio" name="gender" value="male"> Male
<input type="radio" name="gender" value="female"> Female
  17. HTML input (submit button)
    18. <input type="submit" value="Submit">
  18. HTML input (reset button)
    19. <input type="reset" value="Reset">
  19. HTML input (file)
    20. <input type="file" name="file">
  20. HTML input (number)
    21. <input type="number" name="quantity" min="1" max="5">
  21. HTML input (date)
    22. <input type="date" name="date">
  22. HTML input (email)
    23. <input type="email" name="email">
  23. HTML input (color)
    24. <input type="color" name="color">
  24. HTML input (range)
    25. <input type="range" name="range" min="0" max="100">
  25. HTML input (search)
    26. <input type="search" name="search">
  26. HTML input (tel)
    27. <input type="tel" name="phone">
  27. HTML input (url)
    28. <input type="url" name="website">
  28. HTML textarea
    29. <textarea name="message" rows="4" cols="50">
Enter your message here.
</textarea>
  29. HTML select
    30. <select name="cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="fiat">Fiat</option>
    <option value="audi">Audi</option>
</select>
  30. HTML button
    31. <button>Click Me</button>
  31. HTML comment
    32. <!-- This is a comment -->
  32. HTML meta tag (charset)
    33. <meta charset="UTF-8">
  33. HTML meta tag (viewport)
    34. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  34. HTML link tag (stylesheet)
    35. <link rel="stylesheet" href="styles.css">
  35. HTML script tag (external)
    36. <script src="script.js"></script>
  36. HTML script tag (internal)
    37. <script>
    // JavaScript code here
</script>
  37. HTML div with class
    38. <div class="container">
    
</div>
  38. HTML div with id
    39. <div id="header">
    
</div>
  39. HTML span with style attribute
    40. <p>This is a <span style="color: blue;">blue</span> word.</p>
  40. HTML image with width and height attributes
    41. <img src="image.jpg" alt="Description" width="200" height="150">
  41. HTML anchor tag with target attribute
    42. <a href="https://www.example.com" target="_blank">Link</a>
  42. HTML ordered list with type attribute
    43. <ol type="I">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ol>
  43. HTML unordered list with start attribute
    44. <ul start="3">
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
</ul>
  44. HTML table with border attribute
    45. <table border="1">
    <tr>
        <td>Cell 1</td>
        <td>Cell 2</td>
    </tr>
    <tr>
        <td>Cell 3</td>
        <td>Cell 4</td>
    </tr>
</table>
  45. HTML table with colspan and rowspan attributes
    46. <table border="1">
    <tr>
        <td colspan="2">Header</td>
    </tr>
    <tr>
        <td rowspan="2">Cell 1</td>
        <td>Cell 2</td>
    </tr>
    <tr>
        <td>Cell 3</td>
    </tr>
</table>
  46. HTML table with caption
    47. <table border="1">
    <caption>Table Caption</caption>
    <tr>
        <td>Cell 1</td>
        <td>Cell 2</td>
    </tr>
    <tr>
        <td>Cell 3</td>
        <td>Cell 4</td>
    </tr>
</table>
  47. HTML form with action and method attributes
    48. <form action="/submit" method="post">
    
</form>
  48. HTML input (checkbox) with checked attribute
    49. <input type="checkbox" name="subscribe" checked>
  49. HTML input (radio) with checked attribute
    50. <input type="radio" name="gender" value="male" checked> Male
<input type="radio" name="gender" value="female"> Female
  50. HTML input (text) with placeholder attribute
    51. <input type="text" name="username" placeholder="Enter your username">
  51. HTML input (password) with maxlength attribute
    52. <input type="password" name="password" maxlength="10">
  52. HTML input (number) with min and max attributes
    53. <input type="number" name="age" min="18" max="100">
  53. HTML input (date) with required attribute
    54. <input type="date" name="birthdate" required>
  54. HTML input (email) with pattern attribute
    55. <input type="email" name="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$">
  55. HTML input (file) with accept attribute
    56. <input type="file" name="avatar" accept="image/*">
  56. HTML select with multiple attribute
    57. <select name="fruits" multiple>
    <option value="apple">Apple</option>
    <option value="banana">Banana</option>
    <option value="orange">Orange</option>
</select>
  57. HTML textarea with rows and cols attributes
    58. <textarea name="message" rows="4" cols="50">
Enter your message here.
</textarea>
  58. HTML button with type attribute
    59. <button type="submit">Submit</button>
  59. HTML comment
    60. <!-- This is a comment -->