How to create a HTML list? Very simple!

:

2018-03-22 19:52:09

:

575

:

1 0

:

Table of contents:

HTML is currently the most popular language used to markup web pages. Many developers don't even know that there are other means to create sites. This language is dedicated to the many books, courses and seminars. About it and this article. Of course, to fit the whole potential of this language on several pages does not work, but I wasn't trying to do that. This article will allow you to get acquainted closer with this object as an HTML list. We will consider its types and tags that allow to conclude on the user's screen.

General information

html listHTML is used quite often. As it allows you to quickly and effectively present in a convenient form the necessary information to users. There are two types of lists: ordered and unordered. Their structure remains the same. The difference is only that an ordered list uses as markers the numbers that go in order. Next, we consider each type separately.

Ordered

how to create list in htmlA list of HTML tag starts with <ol> and ends with the closing </ol>. The tag <ol> fully supported by all modern browsers, operating systems and platforms. To denote a list item, use the tag <li>. Very often this type of markup is called a numbered. Although as a marker can be used not only numbers, but letters. The tag <ol> has three distinctive attributes that will be described.

  • Type. Allows you to select the type of token. As mentioned above, can be used not only the usual Arabic numerals, and other symbols. If the type attribute to assign a value to “A”, the list will be ordered with capital letters. The value “and” - lowercase letters. “I” – uppercase Roman numerals; “i” – lower-case Roman numerals; «1» - Arabic numerals.
  • Reversed. Offers browser to make a countdown like 3, 2, 1, etc. it Should be noted that many browsers this attribute is not supported and not included in any specification (except for the HTML 5).
  • Start. Value can be a number which will designate from which the countdown will start.

Unordered

How to get out of

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

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

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 ...

unordered html listThe different this type is called unnumbered list HTML. To designate a start element is used as decorative markers. In the last paragraph was such a list. When using CSS, you can even remove the display of markers, this happens with the use of the “list-style-type" with the value “none”. To begin a numbered list, use the tag <ul>. Inside it contains the elements <li>. For the tag <ul> there is only a single attribute, namely “type”, which specifies the marker type. Its values can be keywords: disc, circle, square. The first refers to a filled circle, second circle and the third loop - square. With the help of the “list-style-image" (from CSS) can be assigned to their own tokens, which look like small images.

Conclusion

The Question of how to create list in HTML, is asked quite often in various forums and portals. Why a separate article for this information will not prevent to fully satisfy the curiosity of beginners. And remember that the HTML list may sometimes be used off-label. But this topic is beyond the scope of this article.


Article in other languages:

AR: https://tostpost.com/ar/computers/13872-html.html

BE: https://tostpost.com/be/kamputary/24797-yak-stvaryc-sp-s-html-vel-m-prosta.html

DE: https://tostpost.com/de/computer/24817-wie-erstellen-sie-eine-liste-von-html-sehr-einfach.html

ES: https://tostpost.com/es/los-ordenadores/24842-c-mo-crear-una-lista-de-html-es-muy-f-cil.html

HI: https://tostpost.com/hi/computers/13889-html.html

JA: https://tostpost.com/ja/computers/13892-html.html

KK: https://tostpost.com/kk/komp-yuterler/24784-alay-zhasau-a-t-z-m-html-te-o-ay.html

PL: https://tostpost.com/pl/komputery/24710-jak-utworzy-list-html-bardzo-proste.html

PT: https://tostpost.com/pt/computadores/24719-como-criar-uma-lista-de-html-muito-f-cil.html

TR: https://tostpost.com/tr/bilgisayarlar/24788-gibi-bir-liste-olu-turmak-html-ok-basit.html

UK: https://tostpost.com/uk/komp-yuteri/24766-yak-stvoriti-spisok-html-duzhe-prosto.html






Alin Trodden - author of the article, editor
"Hi, I'm Alin Trodden. I write texts, read books, and look for impressions. And I'm not bad at telling you about it. I am always happy to participate in interesting projects."

(0)

A Trojan program or a virus surprise

A Trojan program or a virus surprise

There are many varieties of computer viruses. Some are only part of the program, others are complete and useful app. This is a Trojan program. As a rule, it is intended for implementation in computer system. Moreover, Trojan or re...

"Autocad" - what is it? Program description

a New version of the most popular computer-aided design AutoCAD 2017 was launched on 21 March 2016, while the most stable was the "Autocad 2016". With the aid of this software in our country is produced most part electronic graphi...

Security in the Internet: basic rules

Security in the Internet: basic rules

What kind of issues creates security in the Internet? Perhaps the machinations of hackers is just spectacular footage from the movie, but in reality, the network space is not as hostile as we are trying to instill in scripts of bl...

Deus Ex: Human Revolution - walkthrough, tips and help

Deus Ex: Human Revolution - walkthrough, tips and help

Deus Ex: Human Revolution - project varied, from whatever side you look. The action takes place in the future, where individual human limbs (and not only) came state of the art implants, prisanee to make people's lives safer and m...

The collapse of the Adobe Flash Player: what to do?

The collapse of the Adobe Flash Player: what to do?

unfortunately, Adobe Flash Player is not the most reliable software that can be installed on the PC. Therefore, in the process of work can happen a variety of issues that lead to his so-called collapse and other problems. In this ...

Skylake processor from Intel. Description, characteristics, types and reviews

Skylake processor from Intel. Description, characteristics, types and reviews

In August 2015 was presented the 6th generation of computing chips from “Intel” - Skylake. The CPU relating to this generation, received a significantly redesigned architecture that allowed to increase performance by 1...