What is a list? Types of lists

Usually, some information is best represented as a list. List types allow you to do this as comfortably as possible. If the user sees a wall of text, it will be difficult to read.

Thanks to the lists it easier for the user to read any of the enumerated items than one line. That is why they are constantly used as on websites and in Word documents and other text editors.

Types of HTML lists

Lists are ordered and unordered, also called unordered.

For numbered lists use Arabic, Roman numerals, letters and everything else, so you can do the transfer.

The bullets used different markers (dots, circles, squares, arrows and so on).

Here are examples of the types of sorting items in lists.

The figure above shows a simple single-level lists. But the documents can be used and layered. Levels can be an infinite number.

The figure above shows what can be multi-level bulleted and numbered lists.

Creation

In html is very easy to create the list. Types of lists in html are very similar. They only differ in the start and end tag. The items lists are denoted with the same tag. Here you will not get confused.

Consider the example of creating a numbered list:

<ol>

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

</ol>

This code is enough to have a list with Arabic numerals. This sort option is set by default. Other options let's consider a little further.

A Bulleted list looks like this:

<ul>

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

</ul>

The Difference is that for numbered enumeration is the tag ol, and unordered - ul.

Types of lists in Word

In the editor Word list types are created exactly the same. Moreover, some editors html code is the possibility of exporting content from "word". These lists perfectly transferred back and recorded in the appropriate tags.

Recommended

How to get out of "Skype" on the "Android" and not only

How to get out of "Skype" "Android"? This question bothers many users. The thing is that the messenger is not so difficult. But there are features that are only for mobile versions. To log out of Skype in this case more difficult than it seems. But i...

Kingo ROOT: how to use the program to gain administrative rights on Android

The Gadgets on the platform Android regained the lion's share of the market. Developers are continually perfecting the OS, trying to fit the needs of the users, but from year to year admit palpable mistake: forbid the owner to "stuffing" of his gadge...

How to get from Stormwind to Tanaris: practical tips

World of Warcraft is an iconic MMORPG, uniting millions of players around the world. There are many locations and puzzles, secret trails and larger, but rather dangerous paths. Sooner or later, every player chose the side of the Alliance, we have to ...

If you find it difficult by yourself from scratch to be a multi-level list in html, you can create it first in Word. Then put it in the html markup.

Let's look at how to create lists in Microsoft Word. There is a special panel List. Types of lists there are divided into groups.

As soon As you click on any type immediately available sorting options. The picture above prompted to select the marker type for unordered list. The same for the other options.

When you open the library multilevel list, where you can see mixed sorting.

Operations with lists

In Word, you can convert any list. List types are selected through the front panel or via right click. You need to select the text that you want to present in such form, and click the right mouse button.

You can Select as a numbered and a bulleted list.

In addition, it is possible to set the initial position of reference. For example, you need to bring the items from 10-th to 12-th. But by default, the list will be from the 1st paragraph. For this you need to set the initial value "10".

As you can see, the editor allows to change and even padding.

If you only select 3-th item and press the right mouse button, you will be able to start numbering again from one.

At any time from a simple list, you can do multilevel. For this you need to stand to the desired item, and again make a right click of the mouse. Next, go to the menu item "Numbering" and at the bottom click on "Change list level".

In fact, there is nothing complicated. All menu items are thoughtfully created. The context menu (by pressing the right keys) is always changing and depends on what you have selected (list, link, image, and so on).

Making lists in html

To Make a tags using style classes or individually. In the beginning, was shown a table with different listing options. There were listed options decimal, disc, circle, and so on. This value must be specified in the class property or style list-style-type.

For Example:

.sort {

List-style-type:disc;

}

It is Enough to specify class sort any list and it will be presented accordingly.

In Word you can set the initial values. It has been said above. The same is allowed in html.

This is Done by the start attribute. Sample points with an initial value of "5":

<ol start="5">

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

</ol>

As a result, you will see figures 5, 6 and 7, instead of 1, 2 and 3.

In addition, you can specify where willthe marker is located: inside or outside. Example below.

In addition to lists, you can apply all sorts of tricks in CSS. That is, the items of the lists:

• Decorate with any color;
• Set any options.
• Specify any size font;
• Specify any font;
• Set the distance between the points;
• To specify a background color;
• Ask any tokens;
• To make shadows;
• To remove all the tokens;
• List items horizontally;
• Create multi-level lists, which are completely different from the parent item, and more.

For Example, a list can be represented like this:

When making lists, the main thing - do not overdo it. They serve for easier information perception. No need to turn this into a multicolored mess.