Հայերեն Русский

Homework 2: Creating an Interactive Webpage with Forms, Tables, and Multimedia

Overview

This assignment will help you practice creating more dynamic and interactive webpages using HTML. You'll integrate forms for user input, tables for structured data presentation, and multimedia elements to enhance user engagement.

Objectives

Requirements

Part 1: HTML Form for User Feedback
  1. Create a User Feedback Form:
    • Use the <form> tag to structure your form, specifying action (you can set this to a placeholder URL like #) and method (use "post" for practice).
    • Include input fields for user name (text type), email (email type), and feedback (textarea).
    • Add options for user rating using radio buttons (e.g., 1 to 5 stars).
    • Provide a submit button (<input type="submit">).
    • Organize the elements with <fieldset> and describe each section with <legend>.
    • Ensure each input field is paired with a <label> for accessibility.
Part 2: Table Displaying Structured Information
  1. Create a Table:
    • Use the <table> element to build a table that might display a schedule, price list, or similar data.
    • Include at least 3 columns and 4 rows, using <tr>, <th>, and <td> tags appropriately.
    • Apply the colspan or rowspan attributes where necessary to demonstrate the ability to merge cells.
    • Style the table with CSS (in a <style> tag within your <head> or an external stylesheet) to improve its readability and visual appeal.
Part 3: Integrating Multimedia Elements
  1. Embed Multimedia:
    • Insert at least one image using the <img> tag, ensuring it has appropriate alt text.
    • Embed a video and an audio clip using the <video> and <audio> tags. Include controls and ensure you provide fallback content or messages for browsers that do not support media playback.
    • Use responsive design techniques (like setting max-width: 100%; and height: auto; for images and videos) to ensure multimedia elements display correctly on all devices.

Submission Guidelines

Evaluation Criteria

This comprehensive assignment will test your ability to combine various HTML elements to create a functional and visually appealing webpage. It’s an excellent opportunity to demonstrate your growing skills in web development!