<?
   $intro=$_COOKIE['intro'];
   if(!isset($intro)){setcookie('intro', 0, 0, '/', '',0);}

   $format=$_COOKIE['format'];
   if(!isset($format)){setcookie('format', 0, 0, '/', '',0);}

   $list=$_COOKIE['list'];
   if(!isset($list)){setcookie('list', 0, 0, '/', '',0);}

   $tables=$_COOKIE['tables'];
   if(!isset($tables)){setcookie('tables', 0, 0, '/', '',0);}

   $images=$_COOKIE['images'];
   if(!isset($images)){setcookie('images', 0, 0, '/', '',0);}

   $links=$_COOKIE['links'];
   if(!isset($links)){setcookie('links', 0, 0, '/', '',0);}

   $frames=$_COOKIE['frames'];
   if(!isset($frames)){setcookie('frames', 0, 0, '/', '',0);}

   $forms=$_COOKIE['forms'];
   if(!isset($forms)){setcookie('forms', 0, 0, '/', '',0);}

   $media=$_COOKIE['media'];
   if(!isset($forms)){setcookie('media', 0, 0, '/', '',0);}
   
   $introduccion=$_GET['introduccion'];
   $formato=$_GET['formato'];
   $listas=$_GET['listas'];
   $tablas=$_GET['tablas'];
   $imagenes=$_GET['imagenes'];
   $enlaces=$_GET['enlaces']; 
   $marcos=$_GET['marcos'];
   $formularios=$_GET['formularios'];
   $multimedia=$_GET['multimedia'];
//----------------------------------------------------------
  if(isset($introduccion))
  {      	  
    if ($introduccion==0)
    {
       setcookie('intro', 1, 0, '/', '',0); 
       $_COOKIE['intro']=1;
    }else{
        setcookie('intro', 0, 0, '/', '',0);
        $_COOKIE['intro']=0;       
     }
  } 

   if($_COOKIE['intro']==0)
   {
    $introduccion_img="img/+.gif"; 
    
   }else{
     $introduccion_img="img/-.gif"; 
   }  
//------------------------------------------------------------

  if(isset($formato))
  {      	  
    if ($formato==0)
    {
       setcookie('format', 1, 0, '/', '',0); 
       $_COOKIE['format']=1;
    }else{
        setcookie('format', 0, 0, '/', '',0);
        $_COOKIE['format']=0;       
     }
  } 

   if($_COOKIE['format']==0)
   {
    $formato_img="img/+.gif"; 
    
   }else{
     $formato_img="img/-.gif"; 
   }  	                  
//--------------------------------------------------------
   if (isset($listas))
    {      	  
    if ($listas==0)
    {
       setcookie('list', 1, 0, '/', '',0); 
       $_COOKIE['list']=1;
    }
     else
       {
	setcookie('list', 0, 0, '/', '',0); 
        $_COOKIE['list']=0;	
       }
    } 
   
   if($_COOKIE['list']==0)
   {
    $listas_img="img/+.gif"; 
    
   }else{
     $listas_img="img/-.gif"; 
   }  	                  
//-----------------------------------------------------------
    if (isset($tablas))
    {      	  
    if ($tablas==0)
    {
       setcookie('tables', 1, 0, '/', '',0); 
       $_COOKIE['tables']=1;
    }
     else
       {
	setcookie('tables', 0, 0, '/', '',0); 
        $_COOKIE['tables']=0;	
       }
    } 
   
   if($_COOKIE['tables']==0)
   {
    $tablas_img="img/+.gif"; 
    
   }else{
     $tablas_img="img/-.gif"; 
   }  	                  
//---------------------------------------------------------------------------------
   if (isset($imagenes))
    {      	  
    if ($imagenes==0)
    {
       setcookie('images', 1, 0, '/', '',0); 
       $_COOKIE['images']=1;
    }
     else
       {
	setcookie('images', 0, 0, '/', '',0); 
        $_COOKIE['images']=0;	
       }
    } 
 
   if($_COOKIE['images']==0)
   {
    $imagenes_img="img/+.gif"; 
   }else{
     $imagenes_img="img/-.gif"; 
   }  	                  
 //---------------------------------------------------------------------
   if (isset($enlaces))
    {      	  
    if ($enlaces==0)
    {
       setcookie('links', 1, 0, '/', '',0); 
       $_COOKIE['links']=1;
    }
     else
       {
	setcookie('links', 0, 0, '/', '',0); 
        $_COOKIE['links']=0;	
       }
    } 
   
   if($_COOKIE['links']==0)
   {
    $enlaces_img="img/+.gif"; 
   }else{
     $enlaces_img="img/-.gif"; 
   }  	                  
	         
//----------------------------------------------------------------

   if (isset($marcos))
    {      	  
    if ($marcos==0)
    {
       setcookie('frames', 1, 0, '/', '',0); 
       $_COOKIE['frames']=1;
    }
     else
       {
	setcookie('frames', 0, 0, '/', '',0); 
        $_COOKIE['frames']=0;	
       }
    } 
   
   if($_COOKIE['frames']==0)
   {
    $marcos_img="img/+.gif"; 
   }else{
     $marcos_img="img/-.gif"; 
   }  	                  
//-------------------------------------------------------------------
  if (isset($formularios))
    {      	  
    if ($formularios==0)
    {
       setcookie('forms', 1, 0, '/', '',0); 
       $_COOKIE['forms']=1;
    }
     else
       {
	setcookie('forms', 0, 0, '/', '',0); 
        $_COOKIE['forms']=0;	
       }
    } 
   
   if($_COOKIE['forms']==0)
   {
    $formularios_img="img/+.gif"; 
   }else{
     $formularios_img="img/-.gif"; 
   }  	                           
//--------------------------------------------------
   if (isset($multimedia))
    {      	  
    if ($multimedia==0)
    {
       setcookie('media', 1, 0, '/', '',0); 
       $_COOKIE['media']=1;
    }
     else
       {
	setcookie('media', 0, 0, '/', '',0); 
        $_COOKIE['media']=0;	
       }
    } 
   
   if($_COOKIE['media']==0)
   {
    $multimedia_img="img/+.gif"; 
   }else{
     $multimedia_img="img/-.gif"; 
   }  	                           
?>
		
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <meta http-equiv="Content-Language" content="es">
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 <head><title>Manual Pr&aacute;ctico de html: Anidando Listas</title>
 <meta name="keywords" content="<?echo $titulo; ?>, manual, html, consulta, ayuda, guia, referencia, inform&aacute;tica, novedades, gratis, noticias, ultima hora, revista, programas, software, programaci&oacute;n, p&aacute;ginas, dise&ntilde;o, web, aplicaciones ">
 <meta name="description" content="Anidando Listas, manual html, pcweb.es, consulta, ayuda, referencia,
  programaci&oacute;n, p&aacute;ginas, dise&ntilde;o, web, revista de informatica">
 <meta name="robots" content="all | index | follow">
 <meta name="distribution" content="global">
 <meta name="rating" content="general">
 <meta name="security" content="public">
<link href="estilos.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="../imagenes/pcweb1.ico">
 <?readfile('../buttons_java.inc');?>
<!-- lo he quitado el 17 de diciembre -->


</head>
<body onload="preloadImages();">
 <div id="contenedor">
    <div id="cabecera">
         <?readfile('revista_cabecera.inc');?>
    </div>
    <div id="cuerpo">  
      <div id="menu">
         <?include('Panel_izd.inc');?>
      </div>

     <div id="right_column">	
            <div id="right_column1">
               <img src="img/estudiantes7.jpg" width="154" height="197" alt="estudents photograph">
            </div>

            <div id="right_column2">
	      <a href="../juegos/">
	       <img src="../imagenes/juegos_pcweb.jpg" width="154" height="94" border="0" alt="estudents photograph">
	      </a>
            </div>
	    
	   <div id="right_column3">
          </div>
	  
	   <div id="right_column5">
	    <a href="http://directorio.pcweb.es">
	      <img src="../imagenes/directorio_div.jpg" width="154" height="40" border="0" alt="directorio pcweb">
	     </a>
           </div>
	    
          <div id="right_column4"> 
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 160x90 pcweb -->
<ins class="adsbygoogle"
     style="display:inline-block;width:160px;height:90px"
     data-ad-client="ca-pub-9079329157981507"
     data-ad-slot="7907964293"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

         <br><br>

          <br><br>
        </div>	
    </div>
   
    <div id="center_column">    
     <table  class="enlaces_siguiente" width="100%" cellspacing="0" cellpadding="0" border="0" bgcolor="#EDF4FF" >
       <tr><td colspan="2">
          <div id="titulo_centro">
            <? $titulo_limpio=str_replace('_',' ',$titulo);         
	       echo $titulo_limpio;?>
	   </div>

          <div class="google">


<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 468x60 pcweb bien -->
<ins class="adsbygoogle"
     style="display:inline-block;width:468px;height:60px"
     data-ad-client="ca-pub-9079329157981507"
     data-ad-slot="1861430699"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

         </div>
 
      </td></tr>
       <tr><td colspan="2" > 		 
          <div id="contenido_centro" class="fuente">
              HTML tambi&eacute;n no plantea la posibilidad de anidar listas.  Esta opci&oacute;n nos puede ser muy 
       &uacute;til, puesto que nos permite obtener<span class="importante2"> listas mixtas.</span><br><br>
       
      Vease el siguiente ejemplo:
 <pre>
     &lt;p&gt; Deportes &lt;p&gt;
     &lt;ul&gt;
        &lt;li&gt; Deportes de pelota  
          &lt;ol&gt; 
            &lt;li&gt; F&uacute;tbol 
            &lt;li&gt; Baloncesto  
            &lt;li&gt; Balon mano 
         &lt;/ol&gt; 
       &lt;li&gt; Atletismo
         &lt;ol&gt; 
           &lt;li&gt; Maraton 
           &lt;li&gt; 10.000 metros
           &lt;li&gt; Relevos
        &lt;/ol&gt; 
     &lt;/ul&gt; 
 </pre> 
 Conseguiendo una lista como esta:<br> 
 <span class="visualizacion">

 <p> Deportes</p> 
      <ul> 
         <li> Deportes de pelota  
          <ol> 
            <li> F&eacute;tbol </li>
            <li> Baloncesto  </li>
            <li> Balonmano </li>
         </ol> 
       <li> Atletismo
         <ol> 
           <li> Maraton </li>
           <li> 10.000 metros </li>
            <li> Relevos </li>
        </ol> 
     </ul> 
</span>	                 <br>
             <div class="google">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 468x60 pcweb bien -->
<ins class="adsbygoogle"
     style="display:inline-block;width:468px;height:60px"
     data-ad-client="ca-pub-9079329157981507"
     data-ad-slot="1861430699"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

           </div>	   
      </td></tr>		   
      <tr><td align="left" width="245" bgcolor="#EDF4FF">
          <?if ($previous_id>=1){ ?> 
	    <a href="mostrar.php?pagina=19"> &lt; &lt;<?echo $previous_titulo?></a>
           <?}?> 
       </td><td align="right" width="245" bgcolor="#EDF4FF">
            <?if ($next_id<45){ ?> 
	      <a href="mostrar.php?pagina=21"><?echo $next_titulo?> &gt; &gt;</a>
	     <?}?> 
        </td>
       </div>
       </tr></table>
     </div>
 			 
  </div>
  <div id="pie">© 2006 Pc Web.es</div>
</div>
 <? include('../google_analytics.inc');?>
</body>
</html>