miércoles, 2 de enero de 2008

Manual de HTML (II): Sintaxis

HTML es un lenguaje que basa su sintaxis en un elemento
básico que llamamos etiqueta (tag). La etiqueta presenta
normalmente dos partes:

Una apertura de forma general <etiqueta>

Un cierre del tipo </etiqueta>

Todo lo que esté incluido en el interior de esta etiqueta
sufrirá las modificaciones que caracterizan a la misma. Como
por ejemplo:

Las etiquetas <b> y </b> definen un texto en negrita. Si en nuestro documento HTML escribimos una frase con el siguiente código:

<b>Esto está en negrita</b>

El resultado será:

Esto está en negrita

Las etiquetas <p> y </p> definen un párrafo. Si en nuestro documento HTML escribimos:

<p>Hola, estamos en el párrafo1</p>
<p>Ahora cambiamos de párrafo</p>

El resultado sería:

Hola, estamos en el párrafo 1

Ahora cambiamos de párrafo



Partes de un documento HTML

Además de todo esto, un documento HTML debe estar delimitado por las etiquetas <html> y </html>.
Dentro de este documento, podemos distinguir dos partes principales:

La cabecera, delimitada por <head> y </head> donde colocaremos etiquetas de índole informativo como por ejemplo el título de nuestra página.

El cuerpo, delimitado por las etiquetas <body> y </body>, que será donde colocaremos nuestro texto e imagenes delimitados a su vez por otras etiquetas como las que vimos anteriormente.

El resultado es un documento con la siguiente estructura:


<html>

<head>

Etiquetas y contenidos de la cabecera

Datos que no aparecen en nuestra página pero que son importantes para
catalogarla: Título, palabras clave, etc.


</head>

<body>

Etiquetas y contenido del cuerpo

Parte del documento que será mostrada por el navegador: Textos e imágenes

</body>

</html>


Las mayúsculas o minúsculas son indiferentes al escribir las etiquetas

Las etiquetas pueden ser escritas con cualquier tipo de combinación entre mayúsculas y minúsculas. Es decir, <HTML> o <HtMl> son la misma etiqueta. Sin embargo, es aconsejable acostumbrarse a escribirlas en minúscula ya que otras tecnologías que pueden convivir con nuestro HTML (XML por ejemplo) no son tan permisivas y nunca está mal tener buenos hábitos desde el principio para evitar fallos triviales en el futuro.