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>
Comentarios recientes