A complete collection of 11 HTML & CSS tasks designed to strengthen fundamentals in HTML structure, form creation, debugging, styling, lists, tables, and semantic markup.
Screenshots and clean project structure are included for clarity.

html-css-basics/
│
├── screenshots/        # Screenshots for each task (1.png → 11.b.png)
│
├── templates/          
│   ├── Question1.html
│   ├── Question2.html
│   ├── Question3.html
│   ├── styleQ3.css
│   ├── Question4.html
│   ├── Question5.html
│   ├── Question6.html
│   ├── Question7.html
│   ├── styleQ7.css
│   ├── Question8.html
│   ├── Question9.html
│   ├── Question10.html
│   ├── Question11.html
│   └── task.md         # Contains all original questions
│
├── LICENSE
└── README.md

Basic bug‑fixing involving:

• Improper nesting
• Unclosed tags
• Incorrect attribute placements

Similar debugging with structure correction and semantic fixes.

Creates a complete form containing:

• Name, Email, Subject, Message fields
• Required validation
• Styled using styleQ3.css

📸 Screenshot:

Nested lists covering:

• JS, Python, Java
• Frameworks (e.g., React, Django)
• Databases (MySQL, MongoDB)

Simple anchor-tag behavior using:

<a href="https://google.com" target="_blank">Open Google</a>

Two grouped radio buttons:

• Salaried
• Own Business

Recreates a complex form layout with custom styling in styleQ7.css.

📸 Screenshot:

Uses table tags <table>, <tr>, <td>, <th> to recreate a given design.

📸 Screenshot:

Demonstrates placeholder/default values for all HTML input types.

Uses <mark> to highlight:
HTML & CSS is awesome

Includes:

• text, password, radio, checkbox
• color, date, time, file
• range, number, search
• textarea, dropdowns

📸 Screenshot:

Q1	Q2

Q3	Q4	Q5a	Q5b

Q6

Q7	Q8	Q9	Q10

Q11a	Q11b

git clone https://github.com/TheComputationalCore/html-css-mini-tasks.git

Simply open any QuestionX.html file in a browser.

Ensure the CSS files styleQ3.css and styleQ7.css are in the same folder.

• HTML5
• CSS3
• Semantic Elements
• Form Validation
• Table & List Structures

html • css • forms • tables • lists • semantics • web-basics

This project is licensed under the MIT License.