Listas ordenadas y desordenadas en HTML

CREACIÓN DE LISTAS
Listas no ordenadas

<ul>
<li>
</ul>
Listas ordenadas
<ol>
<li>
</ol>
Podemos usar diferentes iconos al principio de las listas.

ACTIVIDAD: 
Busca ejemplos de ambas listas donde se visualice las etiquetas, su aplicación y el formado para los iconos.
 ---------------------------------------------------------------------------------------------------------------

LISTA NO ORDENADA ↓
Los círculos sólidos de la lista anterior se obtienen con disc:

<UL TYPE=disc>
<LI> Primera voz del menú
<LI> Segunda voz del menú
<LI> Tercera voz del menú
</UL>El atributo circle imposta circunferencias:

<UL TYPE=circle>
<LI> Primera voz del menú
<LI> Segunda voz del menú
<LI> Tercera voz del menú
</UL>El atributo square imposta listas definidas por cuadrados sólidos:

<UL TYPE=square>
<LI> Primera voz del menú
<LI> Segunda voz del menú
<LI> Tercera voz del menú
</UL>

LISTA ORDENADA ↓

Ordenación con letras mayúsculas:

<OL TYPE=A>
<LI> Primera voz del menú
<LI> Segunda voz del menú
<LI> Tercera voz del menú
</OL>Ordenación con letras minúsculas:

<OL TYPE=a>
<LI> Primera voz del menú
<LI> Segunda voz del menú
<LI> Tercera voz del menú
</OL>Ordenación con números romanos en mayúscula:

<OL TYPE=I>
<LI> Primera voz del menú
<LI> Segunda voz del menú
<LI> Tercera voz del menú
</OL>Ordenación con números romanos en minúscula (romanitos):

<OL TYPE=i>
<LI> Primera voz del menú
<LI> Segunda voz del menú
<LI> Tercera voz del menú
</OL>

ACTIVIDAD 2

Realiza una página web de tu curso donde tengas una lista desordenada de los alumnos y una ordenada de las materias.
Agrega imagen con bordes y epígrafe de los alumnos.