Hay tres tipos de listas: ordenadas, desordenadas y listas de definición.
| Elemento | Descripción |
|---|---|
ul |
Delimita los elementos que forman una lista desordenada |
ol |
Delimita los elementos que forman una lista ordenada. Tiene varios atributos. |
dl |
Delimita los elementos que forman una lista de definición |
li |
Cada uno de los elementos de una lista ordenada o desordenada. |
dt |
Cada uno de los términos que se definen de una lista de definición. |
dd |
Cada una de las definiciones de una lista de definición. |
Un ejemplo de un documento HTML que muestra la forma de utilizar estos elementos es:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Listas</title>
</head>
<body>
<h1>Ejemplo de lista desordenada: Módulos de 1º de ASIR</h1>
<ul>
<li>Fundamentos de Hardware</li>
<li>Gestión de Bases de Datos</li>
</ul>
<h1>Ejemplos de listas ordenadas: Módulos de 1º de ASIR</h1>
Comenzando en 1
<ol>
<li>Fundamentos de Hardware</li>
<li>Gestión de Bases de Datos</li>
</ol>
Comenzando en 4
<ol start = "4">
<li>Fundamentos de Hardware</li>
<li>Gestión de Bases de Datos</li>
</ol>
<h1>Ejemplo de lista de definición: Módulos de 1º de ASIR</h1>
<dl>
<dt>Fundamentos de Hardware</dt>
<dd>Componentes fÍsicos de un ordenador</dd>
<dt>Gestión de Bases de Datos</dt>
<dd>Diseño y uso de bases de datos relacionales</dd>
</dl>
</body>
</html>Que al publicarse en el navegador quedaría:
