| Rank | Tag | Its important |
|---|---|---|
| 1 | <table> |
Creates tables |
| 2 | <tr> |
Defines a table row |
| 3 | <th> |
Header cell (bold + centered) |
| 4 | <td> |
Normal data cell |
| 5 | <thead> |
Groups table header |
| 6 | <tbody> |
Groups table body |
| 7 | <input> |
Creates form fields (text, checkbox, etc.) |
| 8 | <label> |
Labels for inputs (improves accessibility) |
| 9 | <hr> |
Horizontal line / visual separator |
| 10 | <form> |
Wraps inputs together |
CSS Properties (Top 10)
| Rank | Property / Concept | Its important |
|---|---|---|
| 1 | display: flex |
Most used modern layout method |
| 2 | display: grid |
Best for 2D layouts |
| 3 | box-sizing: border-box |
Makes width/height calculations predictable |
| 4 | justify-content |
Aligns items on the main axis (flex/grid) |
| 5 | align-items |
Aligns items on the cross axis |
| 6 | flex-direction |
Changes flex direction (row/column) |
| 7 | gap |
Easy spacing between flex/grid items |
| 8 | @media |
Responsive design (mobile/tablet/desktop) |
| 9 | border-collapse: collapse |
Makes clean table borders |
| 10 | text-decoration: none |
Removes underlines from links |
Top comments (0)