Practice Problems (Practical 3-6)
Practical 3: Design a registration form with fieldset and legend to differentiate
between Personal Details (Name, Email, Mobile, Gender, Birth Date, Hobbies) and Educational Details
(SSC%, HSC%, Branch dropdown). Include Submit and Reset buttons.
Practical 4: Write HTML code to embed a video in a web document with controls and
multiple source formats.
Practical 5: Draw the Indian national flag using SVG with an Ashok Chakra in the center
(blue circle).
Practical 6: Create an SVG logo (any design) on a circle filled with orange color.
Q1: Differentiate between <input type="text"> and <textarea>.
Q2: What are the differences between checkbox and radio buttons in HTML forms?
Q3: Explain the difference between <fieldset> and <div> for grouping form
elements.
Q4: How would you create a date input field and set a minimum and maximum date?
Q5: What is the purpose of the datalist element? Give an example.
Q6: Explain SVG vs Canvas. Which is better for logos and which for animations?
Q7: How do you create an image map with multiple clickable regions?
Q8: Create an SVG star shape with 5 points and fill it with a color.