HTML Lab Tasks
Task 1: Basic HTML Structure
Create a simple HTML page with:
- A title in the <title> tag
- A heading <h1> saying 'My First Web Page'
- A paragraph <p> with a short introduction
- A horizontal line <hr> and line break <br>
Task 2: Text Formatting
Create a page that shows different text formatting:
- Bold, Italic, Underline
- Superscript (e.g., x²) and Subscript (e.g., H₂O)
- Highlighted text
Add a heading and paragraph with different font sizes using <h1> … <h6>.
Task 3: Hyperlinks
Create a page with at least 3 types of links:
- A link to an external website (e.g., Google)
- A link to another page in your project
- A link to a section in the same page using an anchor (#)
Task 4: Images
Insert an image into the page using <img>.
Apply:
- Alternative text (alt)
- Different image sizes (width, height)
- A clickable image (image inside an <a> tag)
Task 5: Lists
Create:
- An ordered list of your top 5 favorite movies
- An unordered list of your hobbies
- A nested list of subjects with subtopics
Task 6: Tables
Create a table with:
- 3 columns: Roll No, Name, Grade
- At least 3 rows of data
- A header row styled with <th>
Task 7: Forms
Create a student registration form with:
- Text fields: Name, Email
- Radio buttons: Gender
- Checkboxes: Hobbies
- Dropdown: Country
- Submit and Reset buttons
Task 8: Multimedia
Embed:
- An audio player with controls
- A video player with controls
- A YouTube video using <iframe>
