Links de interés:

Listas

Hay tres tipos diferentes de listas, las listas ordenadas, las no ordenadas y de definición. Ambas trabajan de la misma manera, excepto que unas anteponen números que se van incrementando delante de cada elemento y otras simplemente ponen una viñeta.

La etiqueta <ul> se usa para las listas desordenadas, y la etiqueta <ol> para las listas ordenadas. 


<html>
<head>
   <title>Mi primer sitio</title>
</head>
<body>
   <h1>Bienvenido a mi primer sitio</h1>
   <ul>
      <li>Aprende a diseñar.</li>
      <li>Aprende CSS</li>
      <li>Aprende HTML.</li>
   </ul>
</body>
</html>

Si ejecutas el código anterior en tu navegador o programa editor HTML verás una lista no ordenada. Simplemente cambiando las etiquetas <ul> por <ol> obtendrás una lista ordenada.

Las listas de definición se usan para listar un elemento junto con su respectiva definición. Las etiquetas empleadas son <dl> <dt> y <dd>. Por ejemplo:


<h1>Ejemplo de lista de definición:</h1>
<dl>
	<dt>HTML</dt>
	<dd>Lenguaje para hacer webs.</dd>

	<dt>Gato</dt>
	<dd>Animal de cuatro patas.</dd>
	<dd>Mascota doméstica.</dd>
</dl>

Menú:

Utilidades: