Develop web page for a typical wedding event using List tag. Apply HTML include:
a. Heading
b. Image
c. Paragraph
d. Ordered list for Groceries, Vegetables of type numbers and alphabets with description
e. Unordered list for Fruits, Stationery Items, Flowers of shape circle, square and diamond with description
<!DOCTYPE html>
<html>
<head>
<title>Wedding Event</title>
</head>
<body>
<h1>Wedding Event</h1>
<h2>Image</h2>
<img src="wedding_image.jpg" alt="Wedding Image" width="400" height="300">
<h3>About the Event</h3>
<p>
India is diverse in all forms, especially in marriages it mirrors a lot of religion-based as well as
cultural variations. When it comes to weddings, it is more of a festive approach in India. Yet, the
colorful and vibrant South Indian and North Indian weddings reflect a lot of diversity.
</p>
<h4>Grocery List - Vegetables</h1>
<ol>
<li> 1. Carrots: Crunchy and nutritious root vegetables</li>
<li> 2. Spinach: Leafy greens packed with vitamins</li>
<li> 3. Tomatoes: Juicy and versatile fruits often used as vegetables</li>
<li> a. Broccoli: Nutrient-rich green vegetable with a distinct taste</li>
<li> b. Cabbage: Leafy vegetable commonly used in salads and stir-fries</li>
<li> c. Eggplant: Purple vegetable known for its smooth texture</li>
</ol>
<h4>Fruits</h4>
<ul style="list-style-type: circle;">
<li>Apples - Provides essential vitamins</li>
<li>Oranges - Rich in Vitamin C</li>
<li>Grapes - Sweet and refreshing</li>
</ul>
<h4>Stationery Items</h4>
<ul style="list-style-type: square;">
<li>Pens - For writing and taking notes</li>
<li>Notebooks - To jot down important information</li>
<li>Paper Clips - To keep documents organized</li>
</ul>
<h4>Flowers</h4>
<ul style="list-style-type: diamond;">
<li>Roses - Symbolize love and beauty</li>
<li>Tulips - Represent elegance and grace</li>
<li>Lilies - Signify purity and innocence</li>
</ul>
</body>
</html>
Save the code in an HTML file, and you can open it in a web browser to see your biodata webpage. Remember to include your photo file (e.g., your_photo.jpg) in the same directory as the HTML file or provide the correct file path in the src attribute of the img tag.