HTML Tutorial: Unordered List_HTML/Xhtml_Web Page Production

Original text: http://andymao.com/andy/post/102.html
The paragraph has been finished, and some basic application methods have also been discussed. Have they been applied? Of course, the applications can be richer, so these require continuous exploration and thinking in actual work, and then innovate and summarize new application forms. Of course, paragraphs cannot be used like a universal plaster, but I believe everyone knows that the role of the "DIV" tag has been expanded (POPO once had an article "

is not a universal plaster"), and more It has been used by some people to talk about CSS. It needs to be emphasized again here: DIV is just a semantic-less tag in HTML. It can be used for layout or processing of semantic-less parts, while CSS is a style language. If the name is not correct, the words will not be correct. I am not being old-fashioned here, but this statement will bias everyone's understanding of the standard. Not understanding the basic levels, and infinitely enlarging the label function are not a correct learning attitude. I will explain various tags and their uses in detail here, one of which is to hope that everyone can correctly understand the meaning of WEB standards. The correct term should be "xHTML CSS" or "WEB standard" or simply "standard". Today is not for complaining, let’s talk about today’s topic “Unordered List”
List, I believe everyone has used it, it is also available in Word, and it is also available in many document editors. There are three types of lists in HTML: unordered lists, ordered lists, and definition lists. You have to eat one bite at a time and do things one by one. Today we will only talk about unordered lists, and the lists we talk about today will not involve the beautification work of CSS. At this point, everyone should understand that my explanations are all separate and not focused on beautification of styles. This also tells you that label codes are very important. So we must first understand the list. Our daily work is trivial and unorganized. If we want to have an efficient and friendly information exchange, we must sort out the information and classify it well. This way the message can be conveyed effectively. Use lists to simply summarize similar content. I think this is a basic function of lists. Common uses include: book catalogs, restaurant menus, personnel lists, to-do items, etc. Most of this information is not a large piece of information, but a brief title. Of course, the purpose of the list is not to say that it can only summarize title information. The list does not limit the amount of content. It’s just that the lists we commonly use to summarize are mostly title information.
So how do we understand unordered lists? The counterpart of disorder is order, which is easy to understand literally. Order means that it indicates the order before and after. This is strict, and the information itself has sequential characteristics. For example, when we write operation steps, we need to clarify the first and second steps. Such information must be in order, but what about disorder? In other words, it itself is disordered without any order at all. Here is an example for everyone to think about: The order of the list of leaders of government departments is their biggest headache. Although they sometimes write that they are ranked in no particular order, in fact they are still ranked. So here I I would like to ask a question: Should such a list be used as an ordered list or an unordered list? Of course there is no standard answer to this, everyone has their own way of thinking, so what do you think? Feel free to leave your thoughts in the comments. I won’t say what I think here. I hope everyone can use their brains and think more.
The tag form of the list is:

• This is the content of the list


• This is the content of the list


• This is the content of the list


• That’s it for the list

Here we should note that the list has two parts, one is the outermost tag

, and the other is the content inside

. We can understand it this way,

are standardized small boxes, which mainly store list information, while

is a big box, and its function is to store small boxes. These small boxes can only be placed in big boxes so that they won't lose them. Neat and conducive to transportation (transplantation) and storage (positioning). Then lists can have many attributes in them just like paragraphs. For example, we can set an id, class, title and other attributes for

, and their features and functions are the same as those in paragraphs.

can also have these attributes, but generally speaking, even if the lists are of the same type, they are not specialized.
So the unordered list is basically finished. In fact, the most important part of this article is what kind of information should be used in the unordered list, and these require more analysis and thinking during practical application. So for those of you who haven’t used list tags yet, start using list tags and abandon the practice of using DIVs instead of list tags. Or friends who use tables to represent lists can also try changing it. Use unordered list tags from now on. Of course, if you have already used it and found that this is not enough for you, then wait until later to explain how to use styles to develop the potential of lists. Although what I will talk about today is relatively simple, I still hope that friends who read this article can think about the questions I raised above.