give it a program on ordered and unordered list with combined both
Answers
Answer:
Unordered list — Used to create a list of related items, in no particular order. Ordered list — Used to create a list of related items, in a specific order.
Explanation:
hopehope you like the answer please for you and mark me as brainliest and thank all my answers please
An unordered list created using the <ul> element, and each list item starts with the <li> element.
An unordered list created using the <ul> element, and each list item starts with the <li> element.The list items in unordered lists are marked with bullets. Here's an example:
ExampleTry this code »
<ul>
<li>Chocolate Cake</li>
<li>Black Forest Cake</li>
<li>Pineapple Cake</li>
</ul>
— The output of the above example will look something like this:
Chocolate Cake
Black Forest Cake
Pineapple Cake
You can also change the bullet type in your unordered list using the CSS list-style-type property. The following style rule changes the type of bullet from the default disc to square:
ExampleTry this code »
ul {
list-style-type: square;
}
Please check out the tutorial on CSS lists to learn about styling HTML lists in details.
HTML Ordered Lists
An ordered list created using the <ol> element, and each list item starts with the <li> element. Ordered lists are used when the order of the list's items is important.
The list items in an ordered list are marked with numbers. Here's an example:
ExampleTry this code »
<ol>
<li>Fasten your seatbelt</li>
<li>Starts the car's engine</li>
<li>Look around and go</li>
</ol>
— The output of the above example will look something like this:
Fasten your seatbelt
Starts the car's engine
Look around and go
The numbering of items in an ordered list typically starts with 1. However, if you want to change that you can use the start attribute, as shown in the following example:
ExampleTry this code »
<ol start="10">
<li>Mix ingredients</li>
<li>Bake in oven for an hour</li>
<li>Allow to stand for ten minutes</li>
</ol>
— The output of the above example will look something like this:
Mix ingredients
Bake in oven for an hour
Allow to stand for ten minutes
Like unordered list, you can also use the CSS list-style-type property to change the numbering type in an ordered list. The following style rule changes the marker type to roman numbers.
ExampleTry this code »
ol {
list-style-type: upper-roman;
}
Tip: You can also use the type attribute to change the numbering type e.g. type="I". However, you should avoid this attribute, use the CSS list-style-type property instead.