🌟 What is an HTML Table?
An HTML table is used to display data in rows and columns, just like an Excel sheet.
Example 1
| Day | Seminar | ||
|---|---|---|---|
| Schedule | Topic | ||
| Begin | End | ||
| Monday | 8:00 am | 5:00 pm | Inroduction to html |
| Html tags and their attributes | |||
| Tuseday | 8:00 am | 11:00 am | CSS Learning |
| 8:00 am | 11:00 am | ||
| 2:00 am | 5:00 am | Javascript learning | |
| Wednesday | 8:00 am | 12:00 am | React js learning |
Example 2
| Product | QTY | PRICE |
|---|---|---|
| Drink(large) | 1 | 100 |
| Fries(small) | 2 | 120 |
| Burger(no pickle) | 2 | 260 |
| Pizza(Large scale) | 1 | 540 |
| Total | 1020 | |
🌟 What is an HTML Form?
An HTML form is used to collect user input. For example: when you fill your name, email, or password on a website and click submit — that’s a form!
Example 1
Example 2
🔹 Animation On Scroll
🔹 Animation On Box
🌟 Flexbox with All Key Properties
Box 1
Box 2 (Grow 2x)
Box 3
Box 4
Box 5
Box 6
Box 7
🔹 Visible `flex-shrink` Example
Shrink: 1
Shrink: 0
🌟 Grid with All Key Properties
🔹 Example 1:
1
2
3
4
5
6
🔹 Example 2:
Span 2 Columns
Span 2 Rows
Box 3
Box 4
🌟 CSS position Property Types
Static
Relative
Absolute
Sticky
Scroll down to see sticky and fixed box behavior.