ordered and unordered list in html example

teamtreehouse.com › community › html-ordered-unordered-list

Hey! Nesting elements means they need to be added before that element's closing tag. The ordered list needs to be inserted before the closing for Shapes html

Shapes

Answer from Andrew Kiernan on teamtreehouse.com

Shay Howe

learn.shayhowe.com › html-css › creating-lists

Creating Lists - Learn to Code HTML & CSS

Creating an unordered list in HTML is accomplished using the unordered list block-level element, <ul>. Each item within an unordered list is individually marked up using the list item element, <li>. By default, most browsers add a vertical margin and left padding to the <ul> element and precede ...

freeCodeCamp

freecodecamp.org › news › html-list-how-to-use-bullet-points-ordered-and-unordered-lists

HTML List – How to Use Bullet Points, Ordered, and Unordered Lists

July 1, 2021 - An ordered list uses numbers or some sort of notation that indicates a series of items. For example, an ordered list can start with number 1, and continue through 2, 3, 4, and so on.

Videos

00:40

YouTube

HTML Ordered and Unordered Lists - YouTube

May 6, 2021

04:37

YouTube

Ordered vs Unordered Lists in HTML — What's the Difference?

HTML Lists Tutorial | HTML5 List Types: Ordered, Unordered & ...

December 14, 2021

youtube.com

Learn HTML lists in 4 minutes

15:07

YouTube

Ordered, Unordered, and Nested Lists - YouTube

HTML & CSS for Absolute Beginners: HTML Lists (ol and ul) - YouTube

January 10, 2025

View all

Shiksha

shiksha.com › home › it & software › it & software articles › programming articles › html lists: ordered and unordered lists explained with examples

HTML Lists: Ordered and Unordered Lists Explained with Examples - Shiksha Online

October 13, 2024 - You can create a simple list in HTML with bullet points by using the HTML unordered list element . The unordered list will start with the tag and end with the tag. Each item within the unordered list will have a start tag and a closing tag . How to create an HTML list with items numbered 1, 2, 3, 4...? You can create an ordered list in HTML to list items marked with numbers by default.

GeeksforGeeks

geeksforgeeks.org › html › unordered-ordered-and-description-lists-in-html

Unordered, Ordered, and Description Lists in HTML - GeeksforGeeks

June 6, 2023 - <html> <head> <title>ordered ... <li>Pushpa</li> <li>Purvi</li> </ol> </body> </html> ... An unordered list defines a list of items in which the order of the items does not....

freeCodeCamp

freecodecamp.org › news › html-lists-with-examples

HTML Lists – Ordered, Unordered and Definition List Examples

October 4, 2023 - HTML provides the basic structure for lists, but to make them visually appealing and fit your website's design, you can apply CSS styles. Here are some common CSS properties you can use to customize lists: To change the style of bullets in unordered lists or the numbering style in ordered lists, ...

Tutorialspoint

tutorialspoint.com › html › pdf › html_lists.pdf pdf

HTML Lists

An unordered list is a collection of related items that have no special order or sequence. This list is · created by using HTML <ul> tag. Each item in the list is marked with a bullet. ... You can use type attribute for <ul> tag to specify the type of bullet you like. By default it is a disc. ... will be used. This list is created by using <ol> tag. The numbering starts at one and ...

Find elsewhere

Google Bing Mojeek

Scribd

scribd.com › presentation › 632030104 › ORDERED-UNORDERED-DEFINITION-LIST-2-pptx

ORDERED-UNORDERED-DEFINITION-LIST (2).pptx

Ordered lists use numbers and can be customized with different numbering …Full description ... This document discusses different list types in HTML including ordered lists, unordered lists, and definition lists. Ordered lists use numbers and can be customized with different numbering styles.

Team Treehouse

teamtreehouse.com › community › html-ordered-unordered-list

HTML ordered & unordered list (Example) | Treehouse Community

Top answer

1 of 5

The quiz layout strikes me as tabular data. I would absolutely put that into a table, especially if the radio buttons are accompanied by variable-length text.

For the rest, you are right: Lists have nothing to do with "having bullet points". List elements are the right element for any kind of lists of information, no matter how they are styled by default.

A less-known HTML element worth knowing about is dl for definition lists. Many things get put into uls that semantically fit much better into dls. I have never used it myself, though - I too have the tendency to cram everything into uls. :)

An example from the W3C page:

<DL>
  <DT>Dweeb
  <DD>young excitable person who may mature
    into a <EM>Nerd</EM> or <EM>Geek</EM>
  <DT>Hacker
  <DD>a clever programmer
  <DT>Nerd
  <DD>technically bright but socially inept person
</DL>

Related: Proper definition for "tabular data" in HTML

2 of 5

Any unordered list should be in a ul.

Any ordered list should be in a ol.

The semantics are clearly represented by sticking to this practice.

There are, of course, exceptions. This is where a little common sense will help. For example, it could probably be argued a site's structure is one big unordered list ([header, content, footer]), but I wouldn't recommend doing it.

Upgrad

upgrad.com › home › blog › general › difference between ordered and unordered list in html

Difference Between Ordered and Unordered List in HTML

January 29, 2026 - Discover the differences between ordered and unordered lists, including their features, use cases, and when to use each in HTML. Learn to organize your web content effectively.

MDN Web Docs

developer.mozilla.org › en-US › docs › Web › HTML › Reference › Elements › li

<li>: The List Item element - HTML | MDN

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. ... The <li> HTML element is used to represent an item in a list. It must be contained in a parent element: an ordered list (<ol>), an unordered list (<ul>), ...

Medium

arulvelan85.medium.com › html-ordered-vs-unordered-lists-which-one-should-i-choose-d72995c4c940

HTML: Ordered vs Unordered Lists. Which one should I choose? | by Arul Velan | Medium

February 14, 2024 - HTML is fun! And this made me ask myself one pertinent question — why didn’t I start coding earlier? And I want to share my world with you — and in the process inspire and guide like minded pupils like me to take on coding (not to torment your soul but to liberate it as you learn for life). I want to cut the fluff and get straight to the point. I learnt about creating ordered and unordered lists (on HTML).

W3Schools

w3schools.com › html › html_lists.asp

HTML Lists

Each list item starts with the <li> tag. The list items will be marked with bullets (small black circles) by default: <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> ... An ordered list starts with the <ol> tag.

W3Schools

w3schools.com › html › html_lists_ordered.asp

HTML Ordered Lists

Use the HTML <ol> element to define an ordered list · Use the HTML type attribute to define the numbering type ... For a complete list of all available HTML tags, visit our HTML Tag Reference.

W3Schools

w3schools.com › css › css_list.asp

CSS Styling Lists

The following example shows some of the available list-item markers: ul.a {list-style-type: circle;} ul.b {list-style-type: disc;} ul.c {list-style-type: square;} ol.d {list-style-type: upper-roman;} ol.e {list-style-type: lower-roman;} ol.f {list-style-type: lower-alpha;} ol.g {list-style-type: decimal;} Try it Yourself » · Note: Some of the values are for unordered lists, and some for ordered lists.

GeeksforGeeks

geeksforgeeks.org › html › how-to-implement-various-types-of-lists-in-html

How to implement various types of lists in HTML ? - GeeksforGeeks

July 23, 2025 - Each list item is defined using the <li> tag, without any specific order. ... We can also use different CSS properties to create a list with different styles. It can have one of the following values : ... Example 1: This example describes the Unordered List in HTML.

Scribd

scribd.com › document › 959970296 › Lecture-5-HTML-List

HTML Lists: Ordered and Unordered Types | PDF

JavaScript is disabled in your browser · Please enable JavaScript to proceed · A required part of this site couldn’t load. This may be due to a browser extension, network issues, or browser settings. Please check your connection, disable any ad blockers, or try using a different browser

W3Schools

w3schools.com › html › › html_lists_unordered.asp

HTML Unordered Lists

Tip: You can learn much more about CSS in our CSS Tutorial. Use the HTML <ul> element to define an unordered list

TutorialsArena

tutorialsarena.com › tutorials › web › html › html-lists

HTML Lists: Unordered, Ordered, and Description Lists

Access thousands of coding tutorials, interview prep guides, and CS fundamentals.

Scribd

fr.scribd.com › document › 321963919 › HTML-Offers-Web-Authors-Three-Ways-for-Specifying-Lists-of-Information

HTML Lists: Unordered, Ordered, Definition | PDF

Get to the source. Specialized knowledge on any topic, and answers you won’t find anywhere else. Home to the world’s documents, 300M+ and counting.