Site hosted by Angelfire.com: Build your free website today!
Curso Web

Lección 104 - Estructura simple de una página Web 


A partir de esta lección comenzaremos a estudiar las etiquetas (tags).  A la derecha de la tabla de abajo tenemos las partes de nuestra página y a la izquierda su traducción al lenguaje HTML.

 

<! Inicio > <HTML>
<! Cabecera > <HEAD>
    <TITLE>Luz De Borinquen</TITLE>
</HEAD>
<! Cuerpo >
    <! Título >
    <! Enlaces >
    <! Separador >
    <! Texto >
    <! Separador >
    <! Enlaces >
    <! Fecha de Revisión y Derecho de Copia >
    <! Música de Fondo >
    <! Fin del Cuerpo >
<BODY >
    <! Título >
    <! Enlaces >
    <! Separador >
    <! Texto >
    <! Separador >
    <! Enlaces >
    <! Fecha de Revisión y Derecho de Copia >
    <! Música de Fondo >
</BODY >
<! Fin de la Página > </HTML>

Observa como se tradujo el <! Inicio> de nuestra página a <HTML> en ese lenguaje.  La etiqueta <HTML> identifica el documento como una página Web.  Las etiquetas se escriben siempre entre los símbolos < > y se acostumbra mostrarlas en mayúsculas para diferenciarlas del resto del texto.

Fíjate, también, cómo se tradujo el <! Fin de la Página>.  Se coloca una diagonal ( / ) antes de la etiqueta para indicar el fin de la misma como en </HTML>.  Esto es así con todas la etiquetas.  De manera similar se procedió a traducir el comienzo del <! Cuerpo> de la página como <BODY> y el final como </BODY>.

En la <! Cabecera> (<HEAD>  </HEAD>) se intercaló el Título de la página entre las etiquetas <TITLE> y </TITLE>.  Este es el título que verás en el navegador, no en tu página.  El título que aparecerá dentro de tu página es el que se encontrará dentro del cuerpo de la página.  Más adelante lo veremos.

Dee modo que, la estructura más simple de un documento Web es como sigue:

<HTML>
<HEAD>
    <TITLE>Luz De Borinquen</TITLE>
</HEAD>
<BODY >
    <! Título >
    <! Enlaces >
    <! Separador >
    <! Texto >
    <! Separador >
    <! Enlaces >
    <! Fecha de Revisión y Derecho de Copia >
    <! Música de Fondo >
</BODY >
</HTML>

Ahora sustituye en el editor las líneas originales por las que aparecen arriba.  Si visualizas la página en tu navegador, así como está, sólo verás el título de la misma en la parte superior del Internet Explorer.

No te olvides de gravar tu página cada vez que le hagas algún cambio en el editor.

Vuelve Arriba              Ve al Contenido