Listas

Las listas son una forma de presentar texto ordenado y, usando estilos CSS, se pueden convertir en un sencillo sistema para crear menus de lo más sofisticado. Existen varios tipos de listas en HTML: listas desordenadas, ordenadas y de definiciones.

<ul></ul>:
estas etiquetas marcan las listas desordenadas. Los elementos de estas listas se marcan con las etiquetas <li></li>. Estas listas tienen un icono delante del texto del item de lista. Por defecto es un punto negro, pero es personalizable via CSS
<ol></ol>
estas etiquetas marcan las listas ordenadas. Los elementos de estas listas se marcan con las etiquetas <li></li>. Cada item de la lista es precedido por un número o una letra. Es personalizable via CSS
<dl></dl>
estas etiequetas marcan las listas de definiciones. desordenadas. Los elementos de estas listas tienen dos partes <dt></dt> un encabezado y un texto <dd></dd>. Estos párrafos que estás leyendo (desde <ul> hasta aquí) está formateado como lista de definiciones.
Código para Lista sin ordenar
<ul>
<li>Infantiles</li>
<li>Comedia</li>
<li>Acción</li>
<li>Drama</li>
<li>Terror</li>
</ul>
La misma lista pero en forma de lista ordenada
<ol>
<li>Infantiles</li>
<li>Comedia</li>
<li>Acción</li>
<li>Drama</li>
<li>Terror</li>
</ol>
Y ahora la lista de definiciones
<dl>
<dt>Infantiles</dt>
<dd>Películas infantiles<br>
Dibujos animados
</dd>
<dt>Comedia</dt>
<dd>Para reirse un rato</dd>
<dt>Acción</dt>
<dd>Si te gustan los tiros y las aventuras</dd>
<dt>Drama</dt>
<dd>Para llorar o meditaciones profundas</dd>
<dt>Terror</dt>
<dd>Para pasar un rato de miedo</dd>
</dl>
Ejemplos de los tres tipos de formato lista

Escribe esto en tu editor de texto y guarda el archivo como ejercicio02.htm para ver el aspecto en el navegador. Usa lo que ya sabes para colocar las etiquetas necesarias para definir el documento (doctype, head, body, p, br...).