<?
   $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: Cuerpo de un documento HTML  &lt;body&gt;.....&lt;/body&gt;</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="Cuerpo de un documento HTML  &lt;body&gt;.....&lt;/body&gt;, 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">
            El cuerpo esta delimitado por las etiquetas <b> &lt;body&gt;....&lt;/body&gt;</b> siendo habitualmente
	       	lo m&aacute;s importante en un documento HTML. Entre las etiquetas que definen el cuerpo debemos de colocar
		los elementos que componen nuestra p&aacute;gina como por ejemplo: el texto, im&aacute;genes, etc.<br><br>
		
		La etiqueta &lt;body&gt; posee los siguientes atributos,<span class="importante2"> 
		(los cuales han sido declarados en desuso,  
		recomendando el uso de las estilos en cascada CSS para realizar estas funciones):
		</span><br><br>

		<b>Atributos de la etiqueta &lt;body&gt;:</b><br><br>
		
		<b>bgcolor</b>="n&uacute;mero hexadecimal / nombre del color". Asignamos un color de fondo a la p&aacute;gina 
		mediante un n&uacute;mero hexadecimal, (#2233ff) o el nombre del color en ingl&eacute;s (red).<br> 
		Veamos un ejemplo:<br>
<pre>
&lt;body bgcolor="#0000FF"&gt;
o
&lt;body bgcolor="yellow"&gt;
</pre>
                Una buena ayuda para la selecci&oacute;n de colores el formato hexadecimal, #rrggbb, la puedes 
		encontrar en: designaci&oacute;n de colores<br><br>
		
                <b>text</b>="n&uacute;mero hexadecimal / nombre del color". Atributo usado para definir el color del texto 
		por defecto es negro mediante un n&uacute;mero hexadecimal, (#2233ff) o el nombre del color en ingl&eacute;s 
		(red).<br><br>  
		
		<b>link</b>="n&uacute;mero hexadecimal / nombre del color".Par&aacute;metro usado para especificar el 
		color de los enlaces de texto. Color por defecto azul.<br><br>
	       
		<b>vlink</b>="n&uacute;mero hexadecimal / nombre del color". Par&aacute;metro usado para especificar 
		el color de los enlaces de texto ya visitados. Color por defecto  morado.<br><br>
	       
		 <b>alink</b>="n&uacute;mero hexadecimal / nombre del color". Par&aacute;metro usado para especificar el
		 color de los enlaces de texto activo. Color por defecto rojo.<br><br>

	       Ejemplo:<br>
<pre>
 &lt;body text="#ff0000" link="#ffffff" 
          vlink="#ff00ff" bgcolor="#101010"&gt;
</pre>	       
	       <b>background</b>="ruta archivo / nombre_archivo.extension". Indicamos la ruta y el nombre del archivo
	       que ser&aacute; usado como fondo del documento. Esta se visualizar&aacute; en mosaico para cubrir toda
	       la ventana si es peque&ntilde;a.<br><br>
	       
	       Veamos su sintaxis:<br>
<pre>
&lt;body background="ruta/archivo.gif"&gt;
</pre>
	       
               
               Tener que tener muy presente que <a href="mostrar.php?opcion=Conceptos#relativa"> 
	       <b>debemos especificar la ruta de modo relativo</b></a>, esto nos aporta
	       la siguiente ventaja  si movemos el directorio completo (con todos sus archivos y manteniendo su
	       estructura). La ruta especificada en nuestra p&aacute;gina continua siendo v&aacute;lida mientras que
	       si especificamos una ruta absoluta no nos valdr&iacute;a.             <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=6"> &lt; &lt;<?echo $previous_titulo?></a>
           <?}?> 
       </td><td align="right" width="245" bgcolor="#EDF4FF">
            <?if ($next_id<45){ ?> 
	      <a href="mostrar.php?pagina=8"><?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>