Estructura básica de un documento HTML

La estructura básica de un documento HTML es la siguiente:
 

<HTML>

<HEAD>
<TITLE>Título</TITLE>
</HEAD>

<BODY>
(...)
</BODY>

</HTML>

A continuación se explican los principales tags que definen un documento HTML.
 

<HTML>

Indica al navegador el comienzo de un documento HTML. Exige cierre </HTML>.

<HEAD>

Indica la cabecera del documento. La información aquí mostrada no aparecerá en la pantalla del navegador. Exige cierre <HEAD>.

<TITLE>

La cadena de texto que hay entre la apertura de <TITLE> y su cierre </TITLE> será el título de la barra del navegador.

<BODY>

Engloba el cuerpo del documento. Lo que se encuantra entre la apertura de <BODY>, y su cierre </BODY> es el contenido que se mostrará dentro de la ventana del navegador.

El tag <BODY> tiene los siguientes modificadores importantes:
 

BGCOLOR

Este modificador define un fondo de color que se aplica a toda la página. Por ejemplo,

<BODY BGCOLOR="ffffcc">

define como color de fondo un amarillo pálido (ffffcc).

Para aprender a definir colores ir a colores.

BACKGROUND

Este modificador define un gráfico como mosaico de fondo de pantalla, por ejemplo,

<BODY BACKGROUND="gráfico.ext">

define como fondo del documento el fichero de nombre "gráfico.ext". Este gráfico se mostrará repetido como un mosaico.

En caso de existir un color de fondo y una imagen de fondo, la imagen se superpondrá al color.

TEXT
LINK
VLINK
ALINK

Definen, respectivamente, el color del texto, enlaces no visitado, enlaces visitados y enlace activo (el color que adquiere el enlace en el momento de ser pulsado con el cursor).

El funcionamiento de estos cuatro modificadores es el mismo. Por ejemplo,

<BODY TEXT="000000">

define un documento con un texto de color negro.

TOPMARGIN=X, LEFTMARGIN=Y

MARGINHEIGHT=X, MARGINWIDTH=Y

Estos modificadores ajustan el desvío del navegador. Son redundantes. Dos de ellos actúan sobre Internet Explorer y los otros sobre el Navigator de Netscape.

Todos los navegadores separan las imágenes un determinado número de pixels de la esquina superior izquierda de la ventana. Estos modificadores marcan al navegador que dicho desvío será de X píxeles en horizontal e Y píxeles en vertical.

El correcto uso de estos modificadores nos permitrirá ajustar las imágenes con el fondo de pantalla, pudiendo dar lugar así la una mejor presentación del documento.

 

alt64@alt64.org

Página principal del curso
Página principal de Alt+64