HTML is not about presentation, it's about semantic structure. You can build a list with paragraphs, line breaks, and the bullet point character; it will look about the same if you do. But anything that isn't a human looking at your website won't be able to tell it's a list; they'll see it for exactly what it is, a bunch of paragraphs with bullet point characters. So things like screen readers might read it incorrectly, trying to actually pronounce the bullet point. Software like Google's indexing engines won't be able to treat the list as a list of potential keywords or search terms, or to pull it out into an info box for display. Using semantic HTML allows for machines to parse your page just as easily as humans. Answer from scirc on reddit.com
W3Schools
w3schools.com › html › html_lists.asp
HTML Lists
HTML lists allow web developers to group a set of related items in lists.
W3Schools
w3schools.com › html › html_lists_unordered.asp
HTML Unordered Lists
The HTML <ul> tag defines an unordered (bulleted) list. An unordered list starts with the <ul> tag.
Videos
10:52
HTML Lists Tutorial | HTML5 List Types: Ordered, Unordered & ...
06:35
Learn HTML lists in 6 minutes! 📄 - YouTube
Learn HTML lists in 4 minutes
04:36
Learn HTML lists in 4 minutes 📋 - YouTube
03:50
HTML Tags Explained with Examples + Full List Of HTML Tags!! - YouTube
03:39:50
All HTML Tags Tutorial in 2024 - HTML Crash Course for Beginners ...
GeeksforGeeks
geeksforgeeks.org › html › html-lists
HTML Lists - GeeksforGeeks
November 1, 2025 - The <dl> tag defines the description list, the <dt> tag defines the term name, and the <dd> tag describes each term. Here, <dt> (description term) is used for the term being defined, and <dd> (description details) is used for the description.
MDN Web Docs
developer.mozilla.org › en-US › docs › Web › HTML › Reference › Elements › ul
<ul>: The Unordered List element - HTML | MDN
November 7, 2025 - The <ul> HTML element represents an unordered list of items, typically rendered as a bulleted list.
CodeHS
codehs.com › tutorial › 12387
HTML Lists - Tutorial
Learn how to use ordered and unordered lists in HTML. javascript · By Evelyn Hunter · High School · html · By Jennifer Campbell · High School Middle School · Coding LMS · Online IDE · CodeHS Pro · Computer Science Curriculum · Certifications · Professional Development ·
Shay Howe
learn.shayhowe.com › html-css › creating-lists
Creating Lists - Learn to Code HTML & CSS
HTML provides unordered, ordered, and definition lists all of which can be stylized using CSS. Learn how.
W3Schools
w3schools.com › html › html_lists_ordered.asp
HTML Ordered Lists
Use the HTML type attribute to define the numbering type ... For a complete list of all available HTML tags, visit our HTML Tag Reference.
Tutorialspoint
tutorialspoint.com › html › html_lists.htm
HTML - Lists
To display a list of information in HTML, we use various list tags like <ul>, <ol>, and <ll>. HTML offers web developers three ways for specifying lists of information, namely ordered, unordered, and definition lists. All lists must contain one or more list elements.
Reddit
reddit.com › r/learnprogramming › what's the point in coding a list in html?
r/learnprogramming on Reddit: What's the point in coding a list in HTML?
January 3, 2023 -
There's the ordered <ol> and unordered list <ul>.
The ordered list adds a number before the text, such as:
Germany
France
Romania
The unordered list just adds bullet points, such as:
• Germany
• France
• Romania
My question is: What's the point of them? Can't you just use a paragraph <p> and line breaks <br> to create your list? Without all the unnecessary <ol> <li> </li> </ol>?
I mean It's not that hard to just type in the "1. ; 2. ; 3." or copy paste a bullet point off the internet.
Top answer 1 of 9
122
HTML is not about presentation, it's about semantic structure. You can build a list with paragraphs, line breaks, and the bullet point character; it will look about the same if you do. But anything that isn't a human looking at your website won't be able to tell it's a list; they'll see it for exactly what it is, a bunch of paragraphs with bullet point characters. So things like screen readers might read it incorrectly, trying to actually pronounce the bullet point. Software like Google's indexing engines won't be able to treat the list as a list of potential keywords or search terms, or to pull it out into an info box for display. Using semantic HTML allows for machines to parse your page just as easily as humans.
2 of 9
20
Why use
and
when you can achieve the same with just
W3Schools
w3schools.com › tags
HTML Reference
<!--> <!DOCTYPE> <a> <abbr> <acronym> <address> <applet> <area> <article> <aside> <audio> <b> <base> <basefont> <bdi> <bdo> <big> <blockquote> <body> <br> <button> <canvas> <caption> <center> <cite> <code> <col> <colgroup> <data> <datalist> <dd> <del> <details> <dfn> <dialog> <dir> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <font> <footer> <form> <frame> <frameset> <h1> - <h6> <head> <header> <hgroup> <hr> <html> <i> <iframe> <img> <input> <ins> <kbd> <label> <legend> <li> <link> <main> <map> <mark> <menu> <meta> <meter> <nav> <noframes> <noscript> <object> <ol> <optgroup> <
Simple HTML Guide
simplehtmlguide.com › cheatsheet.php
HTML Cheat Sheet - A Simple Guide to HTML
HTML Cheat Sheet - A simple, quick reference list of basic HTML tags, codes and attributes
Canada.ca
canada.ca › en › immigration-refugees-citizenship › services › study-canada › work › after-graduation › eligibility › field-of-study.html
Work in Canada after you graduate: Field of study requirement - Canada.ca
On July 4, 2025 we updated the list of eligible CIP codes to add back fields of study that were removed on June 25, 2025.
GeeksforGeeks
geeksforgeeks.org › html › html-tags-a-to-z-list
HTML Tags - A to Z List - GeeksforGeeks
3 weeks ago - <!DOCTYPE html> <html> <!-- head tag --> <head> <title>Welcome to Geeksforgeeks</title> </head> <!-- Body tag --> <body> <h2>Geeksforgeeks</h2> <p> A Computer Science Portal for Geeks </p> <p> Please change the code and click the Run the button to see the changes. </p> </body> </html> <!DOCTYPE html> declares the document type, <html> wraps content, <head> holds metadata like <title>. <body> contains visible content, <h2> is a heading, <p> is a paragraph, <!-- --> are comments. Let us see the extensive list of HTML tags, from A to Z.
W3Schools
w3schools.com › css › css_list.asp
CSS Styling Lists
All the different list-item markers for lists This example demonstrates all the different list-item markers in CSS. ... If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail: [email protected] · If you want to report an error, or if you want to make a suggestion, send us an e-mail: [email protected] · HTML Tutorial CSS Tutorial JavaScript Tutorial How To Tutorial SQL Tutorial Python Tutorial W3.CSS Tutorial Bootstrap Tutorial PHP Tutorial Java Tutorial C++ Tutorial jQuery Tutorial
Google
developers.google.com › youtube › iframe player api
YouTube Player API Reference for iframe Embeds | YouTube IFrame Player API | Google for Developers
It identifies the different types of events that the API can send and explains how to write event listeners to respond to those events. It also details the different JavaScript functions that you can call to control the video player as well as the player parameters you can use to further customize the player. The user's browser must support the HTML5 postMessage feature.
MDN Web Docs
developer.mozilla.org › en-US › docs › Web › HTML › Reference › Elements
HTML elements reference - HTML | MDN
November 9, 2025 - This page lists all the HTML elements, which are created using tags.
Quora
quora.com › How-do-I-create-a-list-in-HTML
How to create a list in HTML - Quora
Answer (1 of 2): To create a list in html, you must place [code ] [/code] or [code ] [/code] tag to store the list. The use of [code ] [/code] and [code ] [/code] are depending on what type of list you are trying to make.
Bootstrap
getbootstrap.com › docs › 4.0 › components › card
Cards · Bootstrap
Text within .card-text can also be styled with the standard HTML tags. Some quick example text to build on the card title and make up the bulk of the card's content. <div class="card" style="width: 18rem;"> <img class="card-img-top" src="..." alt="Card image cap"> <div class="card-body"> <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> </div> </div> Create lists of content in a card with a flush list group.
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 - You can use the CodePen below to try out the same. Feel free to modify it as you wish: As we discussed briefly, we can customize the bullet point style of an unordered list, which we will see in action now.
GitHub
docs.github.com › en › get-started › writing-on-github › working-with-advanced-formatting › creating-and-highlighting-code-blocks
Creating and highlighting code blocks - GitHub Docs
For example, to syntax highlight Ruby code: ```ruby require 'redcarpet' markdown = Redcarpet.new("Hello World!") puts markdown.to_html ``` This will display the code block with syntax highlighting: Tip · When you create a fenced code block that you also want to have syntax highlighting on a GitHub Pages site, use lower-case language identifiers.