HTML : The ul, ol, and li tags

These tags are used to create lists. A list must start with either a <ul> if it is an unordered list (with bullets) or start with a <ol> if it is an ordered list (with numbers). Inside each list, every item must be start with an <li> tag. Note that the items don't need to end with a close <li> tag, but it is preferred.

Note that the list items can contain any other HTML tags, including another list (to create a "nested list").

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML:The ul, ol, and li tags</title>
</head>
<body>

<h3>A few famous programmers</h3>

<ul>
<li>Ada Lovelace</li>
<li>Grace Hopper</li>
<li>Tim Berners-Lee</li>
<li>Donald Knuth</li>
</ul>

<h3>A timeline of famous programming languages</h3>
<ol>
<li>1957: Fortran</li>
<li>1958: Lisp</li>
<li>1964: BASIC</li>
<li>1968: Logo</li>
<li>1972: C</li>
<li>1975: Scheme</li>
<li>1978: SQL</li>
<li>1980: C++</li>
<li>1983: Ada</li>
<li>1986: Objective-C</li>
<li>1991: Python</li>
<li>1995: Java</li>
<li>1995: JavaScript</li>
<li>2003: Groovy</li>
<li>2009: Go</li>
<li>2014: Swift</li>
</ol>

<h3>Programming languages used by famous sites</h3>
<ol>
<li>Google
<ul>
<li>JavaScript</li>
<li>C++</li>
<li>Go</li>
<li>Java</li>
<li>Python</li>
</ul>
</li>
<li>Facebook
<ul>
<li>JavaScript</li>
<li>Hack</li>
<li>PHP</li>
<li>C++</li>
<li>Java</li>
<li>Python</li>
<li>Erlang</li>
<li>D</li>
</ul>
</li>
</ol>
</body>
</html>

Result :

A few famous programmers

  • Ada Lovelace
  • Grace Hopper
  • Tim Berners-Lee
  • Donald Knuth

A timeline of famous programming languages

  1. 1957: Fortran
  2. 1958: Lisp
  3. 1964: BASIC
  4. 1968: Logo
  5. 1972: C
  6. 1975: Scheme
  7. 1978: SQL
  8. 1980: C++
  9. 1983: Ada
  10. 1986: Objective-C
  11. 1991: Python
  12. 1995: Java
  13. 1995: JavaScript
  14. 2003: Groovy
  15. 2009: Go
  16. 2014: Swift

Programming languages used by famous sites

  1. Google
    • JavaScript
    • C++
    • Go
    • Java
    • Python
  2. Facebook
    • JavaScript
    • Hack
    • PHP
    • C++
    • Java
    • Python
    • Erlang
    • D

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *