Hello, in this HTML Crash Course video, we are going to cover lifts. There are two main types of lifts. In web development. There's a bulleted list, which is called an unordered list because it's not in any particular order necessarily. And then there's a ordered list, which is a numbered list. So 125, for example, what I'm going to do is remove this code that we've got already here, I'm going to remove most of it, I'm going to I'm just going to leave this little bit of code.
So you just see the difference between some plain text and a list. Now to start a list, you need to start what type of list you're doing. So if it's an unordered list, you do less than ul, greater than and then close the tag. We're definitely gonna want this on a separate one because within here we have a list item Can you guess what the tag for a list automate, it's the first letter of list an item. So it's, and I, and inside here, we put an item. So I'm going to put item one, because copy and paste this.
Changes to free. And for save that, I'll go back to my web browser refresh. And as you can see, we have a bulleted list of items. There. There honestly is a much more to it than that. For a unordered list.
Let's do a ordered list. So if an unordered list is ul, what do you think an ordered list is? Come on? I'm sure you can guess it. Yeah, you're right. Oh, out.
And as usual, close the tag and inside here, the difference? Well, there isn't any. We can copy and paste these items because within it, there's still a list item but the beauty In our URL, or URL, that is what distinguishes how it is displayed. So you might be looking at it that looks fantastic. But what if I wanted to start this list at a different number? Could we start me out at one, maybe I wanted to start here too, for example, or zero.
Yeah, that's a good idea. Let's start here at zero. So to do that, you have to you have to add an attribute to your list. And attribute is something a good property that you modify, have one of your tags so to modify the property of an order, I mean, an order list. You go within the tag after you specify the name, you click space, then you put the property that you want to affect some start. Cause quotation marks in here.
Put the number that you want to start at So zero, save that. Refresh. And now as you can see, we start at zero. Fantastic. Are there any other attributes that we can change? Yes, we can, we can, I'm gonna remove this we can call it reversed, reversed, doesn't get assigned anything.
But if you have the reverse actually be present, then the numbering is reversed. If you don't, well, then it's in the normal order. So if I save that refresh, I can say see 432, and one is no longer 3210 because I've removed the starting attribute from the remove this and show you the funnel attribute which is tight. At the moment. We have it displayed as numbers, but maybe we want to display those letters to do that. Very, very simple.
You just put, capitalize, save that refresh, A, B, C, D, but why For one, the actual lettering to be lowercase. I would say you very fuzzy. But if we do, you can just change it to a lowercase a, refresh, a nice A, B, C, D. And finally, we can even have Roman numerals for capital I refresh the 1234, and lowercase or for a lowercase Roman numeral list. And the last thing we're going to show you is mixing and matching attributes. So you can have multiple attributes for a tag. So I put type, voluntary Nova attribute unit face, and I want to change this to start equals, I actually don't know, I've never done this, how to start at a different index before a Roman numeral than I thought I would actually put the number wherever wherever I put the Roman numeral and put it which is two and see what happened.
Refresh. That doesn't work. So clearly, you must have to specify the number of equivalent. So I've learned something new, you've learned something new. Fantastic. And you can even put reverse a full Court reversed.
Actually, I'm gonna put 10 here, save that. So we are 10, nine, eight and seven. Actually, I'm gonna see what can be for per thousand. I don't know what's going to happen, refresh, it's work, but obviously, you can't quite see all of it. Go back 10 to 100 refresh. So we are 109 998 and seven, some pretty rad stuff right there.
Some guys did. There's not much more to lists in HTML than this. If you have any questions, feel free to post in my education platform. So now learning.co dot u k. I hope you enjoyed this. This video, there's a link in the description to the source code so feel free to check that out. And as usual, thank you for watching and I hope you have a great day.