<?
   $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: Nuestra primera p&aacute;gina</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="Nuestra primera p&aacute;gina, 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">
            		Aplicando lo aprendido en el punto anterior Sintaxis de una p&aacute;gina nuestra primera p&aacute;gina
	       	podr&iacute;a ser algo parecido a esta:<br>
<pre>
 &lt;html&gt;
  &lt;head&gt;
  &lt;/head&gt;

 &lt;body&gt;
   HOLA MUNDO
 &lt;/body&gt;
&lt;/html&gt;
</pre>

	        Pru&eacute;belo, por favor, ver&aacute; que f&aacute;cil es realizar nuestra p&aacute;gina web.<br><br>
		<a href="hola_mundo.html" target="_blank" >Visualizaci&oacute;n de la p&aacute;gina: hola mundo</a>
		<br><br>
		Si tiene alguna duda de c&oacute;mo editarlo puede hacerlo con el Notepad de Windows o bajarse 
		de Internet un editor de p&aacute;ginas Web , yo personalmente le recomendar&iacute;a el Editplus, es un
	       	programa shareware, que significa para usarlo hay que hacer alguna donaci&oacute;n o usarlo gratis 
		durante alg&uacute;n tiempo. Aunque tambi&eacute;n puede hacerlo con editores profesionales como el 
		frontpage de Microsoft o el famos&iacute;simo Dreamweaver<br><br>
		
		<p align="center">
		<img src="img/edit2.gif" width="480" height="264">
		<em>imag&eacute;n del editor Editplus </em>
                </p>
		<br><br>
		Obs&eacute;rvese que las etiquetas puede ser escritas en may&uacute;sculas y/o min&uacute;sculas 
		&lt;html&gt; y &lt;HTML&gt;
		son la misma etiqueta. Sin embargo es recomendable habituarse ha <b>escribir las etiquetas en 
		min&uacute;sculas</b>, puesto que otros lenguajes que pueden usarse en combinaci&oacute;n con el HTML 
		(JavaScript, XML, PHP, etc) no son tan permisivos, adem&aacute;s nos vendr&aacute; bien para habituarnos
	       	ha las buenas costumbres desde el principio.<br><br> 

		<b>Consejo:</b> a la hora de guardar el documento, es recomendable no usar acentos, ni may&uacute;sculas,
	       espacios en blanco, o caracteres extra&ntilde;os.<br><br>              <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=4"> &lt; &lt;<?echo $previous_titulo?></a>
           <?}?> 
       </td><td align="right" width="245" bgcolor="#EDF4FF">
            <?if ($next_id<45){ ?> 
	      <a href="mostrar.php?pagina=6"><?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>