Etiqueta <UL>

La etiqueta <ul>, permite definir una lista desordenada (“Unordered List”). Esta etiqueta es a su vez contenedora de otras etiquetas, siendo estas últimas las que componen cada uno de los elementos de los que está compuesta la lista.
Para especificar un elemento en la lista se ha de utilizar la etiqueta <li></li>, en la que se ha de especificar el texto que compone el elemento de la lista.



Una lista puede contener como elemento de lista, otra lista, es decir se pueden crear listas anidadas.
La sintaxis de la etiqueta es la siguiente.

<ul>
	<li>Elemento de lista</li>
	<li>Elemento de lista</li>
	<li> … </li>
</ul>

El siguiente ejemplo muestra el uso de la etiqueta en un documento web.

<!DOCTYPE HTML>
<html>
<head>
  <title>Ejercicios prácticos HTML5</title>
  <meta charset="utf-8">
  <meta name="author" content="José Sáez">
  <meta name="description" content="Ejercicios prácticos HTML5">
  <meta name="generator" content="www.aprendoencasa.com, Curso práctico HTML5">
  <meta name="keywords" content="Ejercicios, Soluciones, Prácticas, HTML5">
</head>
<body>
<p>Lista con elementos desordenados</p>
<ul>
    <li>Uno</li>
    <li>Dos</li>
    <li>Tres</li>
</ul>
<p>Lista con sublistas anidadas</p>
<ul>
    <li>Primero</li>
    <li>Segundo
        <ul>
            <li>Segundo Uno</li>
            <li>Segundo Dos</li>
        </ul>
    </li>
    <li>Tercero</li>
</ul>
</body>
</html>

El ejercicio anterior ha de mostrar un resultado similar al que se visualiza en la imagen siguiente.

Prácticas de programación HTML5, Etiqueta UL

Prácticas de programación HTML5, Etiqueta UL