Estructura del documento HTML





Estructura del documento HTML

Un documento HTML, en su forma más básica se compone de 4 marcadores que son: HTML, HEAD, TITLE y BODY

 HTML

El marcador HTML es el primero y el último de una página Web. Identifica el documento como una página web y se encarga de indicar el principio y el final de la página.

 

Sintaxis:          <HTML>…</HTML>

 

Ejemplo:

<HTML>

<BODY>

Este es la página web mínima.

</BODY>

</HTML>

 

 HEAD

El marcador HEAD define la cabecera del documento. La cabecera contiene información sobre el propio documento. No contiene información que vaya a ser mostrada en pantalla por el navegador a no ser el contenido del marcador TITLE. Este marcador precede siempre al marcador BODY.

Entre los marcadores HEAD y /HEAD pueden ir los siguientes TITLE, BASE,  META, SCRIPT, STYLE y LINK.

El más utilizado es el marcador TITLE que especifica el texto que se coloca en la barra de título de la ventana del navegador. Su sintaxis es estándar <TITLE> texto del título </TITLE>

 

Sintaxis:          <HEAD>…</HEAD>

 

Ejemplo:

<HEAD>

<TITLE> Primera página web</TITLE>

<BASE HREF=»http://www.mozilla.com»>

</HEAD>

 

Descripción de otros marcadores de la sección HEAD

BASE: especifica el URL donde se deben buscar los enlaces relativos.

META: Información sobre la página para navegadores y buscadores

SCRIPT: sirve para incluir código en javascript

STYLE: sección de Hojas de Estilo en HTML dinámico, define estilos

LINK: sección de Hojas de Estilo en HTML dinámico, enlaza ficheros externos

 

BODY

EL marcador BODY especifica el contenido principal del documento. Es decir todo lo que vaya a aparecer en pantalla de la página web tiene que estar entre los marcadores <BODY> y </BODY>.

Dentro del propio marcador <BODY> se especifican las características generales del documento. En cuanto al fondo de la página se pueden modificar el color de fondo y la imagen de fondo. En cuanto al texto se puede cambiar su color por defecto, el de los enlaces activos, el de los visitados y el de los no visitados.

También se pueden definir acciones en lenguaje Javascript para cuando la página se acabe de cargar, se recibe o pierde el foco y, en general, para un conjunto de eventos que se pueden producir en una ventana de programa (clicks de ratón, pasar hacia delante, hacia atrás, etc.).

 

Sintaxis:

<BODY

BACKGROUND=»bgURL»

BGCOLOR=»color»





TEXT=»color»

LINK=»color»

ALINK=»color»

VLINK=»color»

ONLOAD=»loadJScode»

ONUNLOAD=»unloadJScode»

ONBLUR=»blurJScode»

ONFOCUS=»focusJScode»

 

ID=»namedPlaceOrStyle»

LANG=»ISO»

STYLE=»style»

>

contenido de la página web

</BODY>

 

BACKGROUND=»bgURL»

Especifica una imagen que se visualiza como fondo de la página. La imagen es repetida tanto en horizontal como envertical. El URL puede ser tanto una dirección completa en otra máquina como indicar un fichero en la máquina local.

BGCOLOR=»#FFFFFF»

Establece el color de fondo en hexadecimal en formato RGB (Red Green Blue). Para ver un conjunto de colores predefinidos puede consultar el fichero colortab.htm

TEXT=»color»

Establece el color en hexadecimal del texto normal (que no forma parte de un enlace).

LINK=»color»

Establece el color de un enlace que todavía no ha sido visitado (no se ha hecho un click en ese enlace).

ALINK=»color»

Especifica el color al que cambia brevemente un enlace cuando se hace click en el. A continuación el enlace pasa del color LINK al color VLINK

VLINK=»color»

Especifica el color de los enlaces que ya han sido visitados

ONLOAD=»loadJScode»

Código Javasript que se ejecuta cuando se acaba de cargar la página web

ONUNLOAD=»unloadJScode»

Código Javasript que se ejecuta cuando se aborta la carga de la página

ONFOCUS=»focusJScode»

Código Javasript que se ejecuta cuando la ventana en la que está la página adquiere el foco

ONBLUR=»blurJScode»

Código Javasript que se ejecuta cuando la ventana en la que está la página pierde el foco

 

Este ejemplo establece un color de fondo amarillo claro, pone el texto normal en negro, los enlaces no visitados en azul, los visitados en verde y los enlaces activados en rojo:

<BODY BGCOLOR=»#FFFFAA» TEXT=»black» LINK=»blue» VLINK=»green» ALINK=»red»>

</BODY>





También te podría gustar...

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *