8770447379 | Info@paramclasses.in
Paramclasses Academy - Blog

Blog

Home / Blog

Blog Details

Creating a Simple Webpage with a List

Creating a Simple Webpage with a List

October 9, 2024

Code:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Favorite Foods</title>

</head>

<body>

    <h1>Welcome to My Food Blog</h1>

    <p>Here are my favorite foods categorized by cuisine type.</p>

 

    <h2>Top 3 Italian Foods</h2>

    <ol type="1">

        <li>Pizza</li>

        <li>Pasta</li>

        <li>Lasagna</li>

    </ol>

 

    <h2>Popular Indian Foods</h2>

    <ul>

        <li>Biryani</li>

        <li>Butter Chicken</li>

        <li>Paneer Tikka</li>

    </ul>

 

</body>

</html>

Explanation:

  • <ol> (Ordered List): An ordered list displays items in a numbered sequence.
  • <ul> (Unordered List):An unordered list displays items with bullet points instead of numbers.
  • Both lists use the <li> (list item) tag to define each item.
  • <ol type="1"> This is the default numbering style (1, 2, 3) for ordered lists.
  • We can also use type="a", type="i", type="A", type="I" instead of type="1"

Recent post

Interactive Student Grades Overview: Building a Responsive Table with HTML and CSS
October 16, 2024
Interactive Student Grades Overview: Building a Responsive Table with HTML and CSS
How to Create a Stylish Centered Login Form Using HTML and CSS
October 16, 2024
How to Create a Stylish Centered Login Form Using HTML and CSS
What is an Array method in Java script ?
October 16, 2024
What is an Array method in Java script ?
What is an Array in Javascript with explaination ?
October 16, 2024
What is an Array in Javascript with explaination ?

Get In Touch

Paramwebinfo,Raja talab Pandri, Raipur,Chhattisgarh India

8770447379

Info@paramclasses.in

Quick Links

Home About Course Our Gallery Contact Us Terms & Conditions Privacy Policy

Explore More

Placement Registration Enquiry Login Registration sitemap

Recent post

Interactive Student Grades Overview: Building a Responsive Table with HTML and CSS
How to Create a Stylish Centered Login Form Using HTML and CSS
What is an Array method in Java script ?
What is an Array in Javascript with explaination ?

Copyright © Paramwebinfo Academy.All Rights Reserved

Designed by PARAMWEBINFO