table.html 1015 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <div id="snippet-table">
  2. <p>The ultimate table of <a href="https://en.wikipedia.org/wiki/List_of_coffee_drinks">coffee drinks</a>:</p>
  3. <table>
  4. <thead>
  5. <tr>
  6. <th rowspan="2"></th>
  7. <th scope="col" rowspan="2">☕️ Espresso</th>
  8. <th scope="colgroup" colspan="2">🥛 Milk</th>
  9. <th scope="col" rowspan="2">🚰 Water</th>
  10. </tr>
  11. <tr>
  12. <th scope="col">Steamed</th>
  13. <th scope="col">Foam</th>
  14. </tr>
  15. </thead>
  16. <tbody>
  17. <tr>
  18. <th scope="row">Cappuccino</th>
  19. <td>✅ yes</td>
  20. <td>✅ yes</td>
  21. <td>✅ yes</td>
  22. <td>❌ no</td>
  23. </tr>
  24. <tr>
  25. <th scope="row">Macchiato</th>
  26. <td>✅ yes</td>
  27. <td>❌ no</td>
  28. <td>✅ yes</td>
  29. <td>❌ no</td>
  30. </tr>
  31. <tr>
  32. <th scope="row">Latte</th>
  33. <td>✅ yes</td>
  34. <td>✅ yes</td>
  35. <td>❌ no</td>
  36. <td>❌ no</td>
  37. </tr>
  38. <tr>
  39. <th scope="row">Americano</th>
  40. <td>✅ yes</td>
  41. <td>❌ no</td>
  42. <td>❌ no</td>
  43. <td>✅ yes</td>
  44. </tr>
  45. </tbody>
  46. </table>
  47. </div>