Practical No.8: Work with ordered and unordered list WPD Manual Answer
Practical No.8: Work with ordered and unordered list WPD Manual Answer |
In this blog post, we perform web page designing MSBTE manual practical no. 8 with the title Work with an ordered and unordered list. Lists are like a special way to write things down in a neat and organized way. It helps us keep everything together and makes it easier to find and understand. We use lists to make things look nice and organized on a page.
Different Lists types:
Tag | Description |
<ul>…</ul> | An unordered list. This will list items using plain bullets. |
<ol>…</ol> | An ordered list. This will use different schemes of numbers to list your items |
Exercises
1) Write HTML code for the following output using different types of lists.
<html><head><title>Welcome To HTML List</title></head><body><h1>Welcome To HTML List</h1><h2>List of available courses</h2><ul><li>Data Structures & Algorithm</li><li>Web Technology</li><li>Aptitude & Logical Reasoning</li><li>Programming Languages</li></ul><h2>Data Structures topics</h2><ul><li>A. Array</li><li>B. Linked List</li><li>C. Stacks</li><li>D. Queues</li><li>E. Trees</li><li>F. Graphs</li></ul></body></html>
2) Create an ordered list with lowercase roman numbers.
<html><head><title>List with Lowercase Roman Numbers</title></head><body><ol type=”i”><li>Item 1</li><li>Item 2</li><li>Item 3</li></ol></body></html>
Output:
1. State the purpose of the list on the web page.
Answer:
Lists are like a special way of organizing information that makes it easier for us to understand. They make things clear and easy to read, which helps us find what we’re looking for faster.
2. Write different ways to implement an unordered list.
Answer:
- Using the <ul> tag
- Using the list-style-type
- Using an image for the bullet points.this involves creating image elements (<img>) within each list item (<li>).
Conclusion
We successfully completed WPD manual practical no 8 in which we learned how to Work with ordered and unordered list.