Temas > Programacion > Html > Listas anidadas en html
Julio

Listas anidadas
El lenguaje HTML nos permite insertar una lista dentro de otra. Se pueden
anidar listas de distinto tipo, por ejemplo podemos tener una lista no
ordenada y uno de los item puede ser una lista ordenada.
Para el anidamiento de listas solo debemos tener cuidado en la correcta
apertura y cerrado de las marcas.
Implementaremos una página que enumere una serie de países en una lista
ordenada y luego en cada país dispondremos una lista de hipervínculos de
periódicos de dicho país:
<?php // esto no va
<html>
<head>
</head>
<body>
<ol>
<li>Argentina
<ul>
<li><a href="http://www.lanacion.com.ar">La Nación</a></li>
<li><a href="http://www.clarin.com.ar">Clarín</a></li>
<li><a href="http://www.pagina12.com.ar">Página 12</a></li>
</ul>
</li>
<li>España
<ul>
<li><a href="http://www.elpais.es">El País Digital</a></li>
<li><a href="http://www.abc.es">ABC</a></li>
<li><a href="http://www.elmundo.es">El Mundo</a></li>
</ul>
</li>
<li>México
<ul>
<li><a href="http://www.jornada.unam.mx">La Jornada</a></li>
<li><a href="http://www.el-universal.com.mx">El Universal</a></li>
</ul>
</li>
</ol>
</body>
</html>
?> // esto no va
Se puede insertar en un elemento li una lista como podemos ver:
<li>Argentina
<ul>
<li><a href="http://www.lanacion.com.ar">La Nación</a></li>
<li><a href="http://www.clarin.com.ar">Clarín</a></li>
<li><a href="http://www.pagina12.com.ar">Página 12</a></li>
</ul>
</li>













¿Has olviado tu contraseña?

Pulsa aquí para registrate




Google




LunMarMieJueVieSabDom
    123
456789 10
11121314151617
18192021222324
25262728293031

Domingo 10 de Mayo 2026
Semana 19

..............................................................................................................................................................................................................................................
(Contacto)..
Esta web utiliza cookies para obtener datos estadísticos de la navegación de sus usuarios. Política de privacidad y Aviso legal
Rechazar    Aceptar