Web Development coursework

this is a collection of HTML and CSS files as part of web development coursework.

Project Contents

1. Simple Form (form.html & form.css)

A form showcasing various HTML input methods:

• Text input
• Email input
• Password input
• Number input
• Dropdown select
• Radio buttons
• Checkboxes
• Textarea
• Submit button

Features:

• Clean, organized form layout
• Focus states for better user experience
• Responsive design
• Separated HTML and CSS files

2. Simple Table (simple_table.html)

A basic HTML table displaying sample data:

• Table headers
• Multiple data rows
• Simple border styling
• No external CSS

Data included:

• Person names, ages,place of origin , and courses.

3. CV/Resume (cv.html & cv.css)

a curriculum vitae :

• Header with contact information
• Professional summary
• Work experience section
• Skills section with styled tags
• Education details
• Certifications

Features:

• css styling
• Well-organized sections
• Clean typography
• Print-friendly design
• Easy to customize

4. Blog Post (Blog_post_course_work.html)

A sample blog post layout

5. Existing Table (table.html)

Another table example

6. Styles (styles.css)

General stylesheet for the project

How to Use

1. Clone or download this repository
2. Open any .html file in your web browser
3. Modify the content as needed to practice

Learning Topics Covered

• HTML structure and semantics
• HTML forms and input types
• HTML tables
• CSS styling and selectors
• CSS layout and spacing
• Responsive design basics
• File organization (separating HTML and CSS)

File Structure

web_dev_practice/
├── form.html
├── form.css
├── simple_table.html
├── cv.html
├── cv.css
├── Blog_post_course_work.html
├── table.html
├── styles.css
└── README.md