Esta web utiliza cookies para obtener datos estadísticos de la navegación de sus usuarios.
Política de privacidad y Aviso legal
Temas > Programacion > Html > Listas anidadas en html
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>
| Lun | Mar | Mie | Jue | Vie | Sab | Dom |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 |
Domingo 6 de Abril 2025
Semana 14
