Главная » Языки программирования

About list tag in html

Содержание
  1. About list tag in html
  2. HTML Lists
  3. Example
  4. Unordered HTML List
  5. Example
  6. Ordered HTML List
  7. Example
  8. HTML Description Lists
  9. Example
  10. HTML List Tags
  11. COLOR PICKER
  12. Report Error
  13. Thank You For Helping Us!
  14. About list tag in html
  15. Examples
  16. Ordered list
  17. Result
  18. Ordered list with a custom value
  19. Result
  20. Unordered list
  21. Result
  22. Technical summary
  23. Specifications
  24. Browser compatibility
  25. See also
  26. Found a content problem with this page?
  27. MDN
  28. Support
  29. Our communities
  30. Developers
  31. HTML Lists
  32. Unordered List
  33. Ordered List
  34. Description List
  35. Tags used in HTML lists
  36. Table of Contents

About list tag in html

  • HTML Tutorial
  • HTML Introduction
  • HTML full form
  • HTML Editors
  • HTML Comments
  • HTML Basics
  • HTML Layout
  • HTML Elements
  • HTML Heading
  • HTML Paragraphs
  • HTML Text Formatting
  • HTML Quotations
  • HTML Color Styles and HSL
  • HTML Links
  • HTML Images
  • HTML Tables
  • HTML Lists
  • HTML Block and Inline Elements
  • HTML Iframes
  • HTML | File Paths
  • HTML Viewport meta tag for Responsive Web Design
  • HTML Computer Code Elements
  • HTML Entities
  • HTML | Charsets
  • HTML | URL Encoding
  • HTML | Deprecated Tags
  • HTML Attributes
  • HTML | accept Attribute
  • HTML accept-charset Attribute
  • HTML accesskey Attribute
  • HTML| action Attribute
  • HTML align Attribute
  • HTML alt attribute
  • HTML | async Attribute
  • HTML input autocomplete Attribute
  • HTML autocomplete Attribute
  • HTML autofocus Attribute
  • HTML input autofocus Attribute
  • HTML autofocus Attribute
  • HTML autofocus Attribute
  • HTML Attributes Complete Reference
  • DOM (Document Object Model)
  • HTML DOM activeElement Property
  • HTML DOM anchors Collection
  • HTML DOM close() Method
  • HTML DOM baseURI Property
  • HTML DOM body Property
  • HTML DOM createAttribute() Method
  • HTML DOM doctype Property
  • HTML DOM writeln() Method
  • HTML DOM console error() Method
  • HTML DOM URL Property
  • HTML DOM embeds Collection
  • HTML DOM console warn() Method
  • HTML DOM console trace() Method
  • HTML DOM Complete Reference
  • HTML DOM Audio Object
  • HTML DOM Video Object
  • HTML DOM Video canPlayType( ) Method
  • HTML DOM Audio audioTracks Property
  • HTML DOM Audio autoplay Property
  • HTML DOM Audio buffered Property
  • HTML DOM Audio controls Property
  • HTML DOM Audio currentSrc Property
  • HTML DOM Audio currentTime Property
  • HTML DOM Audio defaultMuted Property
  • HTML DOM Audio defaultPlaybackRate Property
  • HTML DOM Audio duration Property
  • HTML DOM Audio ended Property
  • HTML DOM Audio loop Property
  • HTML DOM Audio/Video Complete Reference
  • Introduction to HTML CSS | Learn to Design your First Website in Just 1 Week
  • HTML Course | Structure of an HTML Document
  • HTML Course First Web Page Printing Hello World
  • HTML Course Basics of HTML
  • HTML Course : Starting the Project – Creating Directories
  • HTML Course Understanding and Building Project Structure
  • HTML Course : Creating Navigation Menu
  • HTML Course : Building Header of the Website
  • HTML Course : Building Main Content – Section 1
  • HTML Course | Building Main Content – Section 2
  • HTML course | Building Main Content – Section 3
  • HTML Course | Building Footer
  • HTML Course | Practice Quiz 1
  • HTML Course | Practice Quiz 2
  • Create a Sticky Social Media Bar using HTML and CSS
  • Create a Search Bar using HTML and CSS
  • How to create Right Aligned Menu Links using HTML and CSS ?
  • How to add a Login Form to an Image using HTML and CSS ?
  • How to Create a Tab Image Gallery ?
  • How to create a Hero Image using HTML and CSS ?
  • How to design Meet the Team Page using HTML and CSS ?
  • How to Create an Image Overlay Icon using HTML and CSS ?
  • How to Create Browsers Window using HTML and CSS ?
  • How to Create Breadcrumbs using HTML and CSS ?
  • How to Create Section Counter using HTML and CSS ?
  • How to Create Toggle Switch by using HTML and CSS ?
  • How to Create a Cutout Text using HTML and CSS ?
  • How to make a Pagination using HTML and CSS ?
  • HTML Tutorial
  • HTML Introduction
  • HTML full form
  • HTML Editors
  • HTML Comments
  • HTML Basics
  • HTML Layout
  • HTML Elements
  • HTML Heading
  • HTML Paragraphs
  • HTML Text Formatting
  • HTML Quotations
  • HTML Color Styles and HSL
  • HTML Links
  • HTML Images
  • HTML Tables
  • HTML Lists
  • HTML Block and Inline Elements
  • HTML Iframes
  • HTML | File Paths
  • HTML Viewport meta tag for Responsive Web Design
  • HTML Computer Code Elements
  • HTML Entities
  • HTML | Charsets
  • HTML | URL Encoding
  • HTML | Deprecated Tags
  • HTML Attributes
  • HTML | accept Attribute
  • HTML accept-charset Attribute
  • HTML accesskey Attribute
  • HTML| action Attribute
  • HTML align Attribute
  • HTML alt attribute
  • HTML | async Attribute
  • HTML input autocomplete Attribute
  • HTML autocomplete Attribute
  • HTML autofocus Attribute
  • HTML input autofocus Attribute
  • HTML autofocus Attribute
  • HTML autofocus Attribute
  • HTML Attributes Complete Reference
  • DOM (Document Object Model)
  • HTML DOM activeElement Property
  • HTML DOM anchors Collection
  • HTML DOM close() Method
  • HTML DOM baseURI Property
  • HTML DOM body Property
  • HTML DOM createAttribute() Method
  • HTML DOM doctype Property
  • HTML DOM writeln() Method
  • HTML DOM console error() Method
  • HTML DOM URL Property
  • HTML DOM embeds Collection
  • HTML DOM console warn() Method
  • HTML DOM console trace() Method
  • HTML DOM Complete Reference
  • HTML DOM Audio Object
  • HTML DOM Video Object
  • HTML DOM Video canPlayType( ) Method
  • HTML DOM Audio audioTracks Property
  • HTML DOM Audio autoplay Property
  • HTML DOM Audio buffered Property
  • HTML DOM Audio controls Property
  • HTML DOM Audio currentSrc Property
  • HTML DOM Audio currentTime Property
  • HTML DOM Audio defaultMuted Property
  • HTML DOM Audio defaultPlaybackRate Property
  • HTML DOM Audio duration Property
  • HTML DOM Audio ended Property
  • HTML DOM Audio loop Property
  • HTML DOM Audio/Video Complete Reference
  • Introduction to HTML CSS | Learn to Design your First Website in Just 1 Week
  • HTML Course | Structure of an HTML Document
  • HTML Course First Web Page Printing Hello World
  • HTML Course Basics of HTML
  • HTML Course : Starting the Project – Creating Directories
  • HTML Course Understanding and Building Project Structure
  • HTML Course : Creating Navigation Menu
  • HTML Course : Building Header of the Website
  • HTML Course : Building Main Content – Section 1
  • HTML Course | Building Main Content – Section 2
  • HTML course | Building Main Content – Section 3
  • HTML Course | Building Footer
  • HTML Course | Practice Quiz 1
  • HTML Course | Practice Quiz 2
  • Create a Sticky Social Media Bar using HTML and CSS
  • Create a Search Bar using HTML and CSS
  • How to create Right Aligned Menu Links using HTML and CSS ?
  • How to add a Login Form to an Image using HTML and CSS ?
  • How to Create a Tab Image Gallery ?
  • How to create a Hero Image using HTML and CSS ?
  • How to design Meet the Team Page using HTML and CSS ?
  • How to Create an Image Overlay Icon using HTML and CSS ?
  • How to Create Browsers Window using HTML and CSS ?
  • How to Create Breadcrumbs using HTML and CSS ?
  • How to Create Section Counter using HTML and CSS ?
  • How to Create Toggle Switch by using HTML and CSS ?
  • How to Create a Cutout Text using HTML and CSS ?
  • How to make a Pagination using HTML and CSS ?
Читайте также:  Java hashmap stream filter

Источник

HTML Lists

HTML lists allow web developers to group a set of related items in lists.

Example

Unordered HTML List

    tag. Each list item starts with the
    tag.

The list items will be marked with bullets (small black circles) by default:

Example

Ordered HTML List

    tag. Each list item starts with the
    tag.

The list items will be marked with numbers by default:

Example

HTML Description Lists

HTML also supports description lists.

A description list is a list of terms, with a description of each term.

The tag defines the description list, the tag defines the term (name), and the tag describes each term:

Example

HTML List Tags

Tag Description
Defines an unordered list
Defines an ordered list
Defines a list item
Defines a description list
Defines a term in a description list
Describes the term in a description list

For a complete list of all available HTML tags, visit our HTML Tag Reference.

Unlock Full Access 50% off

COLOR PICKER

colorpicker

Join our Bootcamp!

Report Error

If you want to report an error, or if you want to make a suggestion, do not hesitate to send us an e-mail:

Thank You For Helping Us!

Your message has been sent to W3Schools.

Top Tutorials
Top References
Top Examples
Get Certified

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Источник

About list tag in html

This element includes the global attributes.

type Deprecated Non-standard

This character attribute indicates the numbering type:

  • a : lowercase letters
  • A : uppercase letters
  • i : lowercase Roman numerals
  • I : uppercase Roman numerals
  • 1 : numbers

This type overrides the one used by its parent element, if any.

Note: This attribute has been deprecated; use the CSS list-style-type property instead.

Examples

For more detailed examples, see the and pages.

Ordered list

ol> li>first itemli> li>second itemli> li>third itemli> ol>

Result

Ordered list with a custom value

ol type="I"> li value="3">third itemli> li>fourth itemli> li>fifth itemli> ol>

Result

Unordered list

ul> li>first itemli> li>second itemli> li>third itemli> ul>

Result

Technical summary

Content categories None.
Permitted content Flow content.
Tag omission The end tag can be omitted if the list item is immediately followed by another element, or if there is no more content in its parent element.
Permitted parents An , , or element. Though not a conforming usage, the obsolete can also be a parent.
Implicit ARIA role listitem when child of an ol , ul or menu
Permitted ARIA roles menuitem , menuitemcheckbox , menuitemradio , option , none , presentation , radio , separator , tab , treeitem
DOM interface HTMLLIElement

Specifications

Browser compatibility

BCD tables only load in the browser

See also

  • Other list-related HTML Elements: , , , and the obsolete ;
  • CSS properties that may be specially useful to style the
  • element:
    • the list-style property, to choose the way the ordinal is displayed,
    • CSS counters, to handle complex nested lists,
    • the margin property, to control the indent of the list item.

    Found a content problem with this page?

    This page was last modified on Jul 17, 2023 by MDN contributors.

    Your blueprint for a better internet.

    MDN

    Support

    Our communities

    Developers

    Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
    Portions of this content are ©1998– 2023 by individual mozilla.org contributors. Content available under a Creative Commons license.

    Источник

    HTML Lists

    HTML lists are used to display related information in an easy-to-read and concise way as lists.

    Three types of HTML lists

    We can use three types of lists to represent different types of data in HTML:

    Unordered List

    The unordered list is used to represent data in a list for which the order of items does not matter.

      tag to create unordered lists. Each item of the list must be a
      tag which represents list items. For example,

    Browser Output

    An HTML unordered list example

    To learn more about unordered lists, visit HTML Unordered Lists.

    Ordered List

    The ordered list is used to represent data in a list for which the order of items has significance.

      tag is used to create ordered lists. Similar to unordered lists, each item in the ordered list must be a
      tag. For example,

    Browser Output

    An HTML ordered list example

    Here, you can see list items are represented with numbers to represent a certain order.

    To learn more about ordered lists, visit HTML Ordered Lists.

    Description List

    The HTML description list is used to represent data in the name-value form. We use the tag to create a definition list and each item of the description list has two elements:

    • term/title — represented by the tag
    • description of the term — represented by the tag
     
    HTML
     
    Hyper-Text Markup Language
     
    CSS
     
    Cascading StyleSheets
     
    JS
     
    Javascript

    Browser Output

    An HTML description list example

    Since the description list includes the definition of a term, it is also known as the definition list. To learn more about the description list, visit HTML Description List.

    Tags used in HTML lists

    Tag Explanation
    Defines an ordered list.
    Defines an unordered list.
    Defines a description list.
    Defines a list item in ordered or unordered lists.
    Defines a term in description list.
    Defines the description of a term in the description list.

    Table of Contents

    Источник

Оцените статью
© 2024 Программирование