©JJCP 2001 Curso de HTML Iniciación. Tema 2 - Estructura de un documento HTML

Tema 2 - Estructura de un documento HTML

Estructura básica de un documento HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"

"http://www.w3.org/TR/REC-html40/strict.dtd" >

/loose

/frameset

Prólogo Identificador (Informa de la versión del lenguaje utilizado)

<HTML> Inicio del documento.

<HEAD> Inicio de la cabecera.

Definiciones de la cabecera

</HEAD> Final de la cabecera.

<BODY> Inicio del cuerpo.

Instrucciones HTML del cuerpo del documento

</BODY> Final del cuerpo.

</HTML> Final del documento.

Directivas en la Cabecera de un documento HTML

<TITLE>: Título del documento

Especifica el título del documento HTML.
Se muestra en la parte superior de la ventana del programa navegador.
Dentro de esta directiva no se podrá usar ninguna de las restantes etiquetas HTML.
Identifica la página en los bookmarks (marcadores) y las history list (histórico).
Es la única directiva requerida por el estándar HTML.

<HEAD>

<TITLE>Título del documento HTML</TITLE>

</HEAD>

<BASE>: URI base del documento

Especifica la URI o URL que se tomará como base del documento HTML.
No admite etiqueta de cierre.
Tiene dos atributo HREF y TARGET.

<BASE HREF="URL_base" TARGET="Nombre_de_Marco_Destino">

<BASE HREF="http ://www.telefonica.es/docs">

<BASE HREF="http ://www.telefonica.es/docs" TARGET="principal">

<ISINDEX>: El documento es un índice

Indica que el documento es un índice.
Está en desuso. Ahora se utilizan buscadores como www.google.com
Presenta un indicador preguntando la palabra clave de la búsqueda.
Tiene dos atributos, PROMPT y ACTION.

<ISINDEX PROMPT="texto" ACTION="programa CGI">

<META>: Metainformación del documento

Proporciona información adicional sobre el documento.
Puede haber varias directivas META.
No admite etiqueta de cierre.
Tiene tres atributos, NAME, CONTENT y HTTP-EQUIV .

NAME

<META NAME="author"          CONTENT="Joaquín Caselles">

<META NAME="description"   CONTENT="Curso de HTML">

<META NAME="keywords"     CONTENT="HTML, Curso">

<META NAME="date"              CONTENT="2001-02-14T11:20:00">

HTTP-EQUIV

<META HTTP-EQUIV="refresh" CONTENT="5">

<META HTTP-EQUIV="refresh"

               CONTENT="número_segundos;URL=URL_de_refresco">

Carga un nuevo documento que sustituye al actual pasado un número de segundos.

Se indica el número de segundos que deben pasar antes del refresco y el documento HTML que sustituye al actual.

Si se indica cero segundos la transición entre uno y otro documento será inmediata.

Si no se indica URL se refrescará el documento actual.

<META HTTP-EQUIV="pragma" CONTENT="no-cache">

<META HTTP-EQUIV="expires" CONTENT="2008-06-03">

Indica que no se guarde en el caché del disco duro.

O que se guarde hasta la fecha de expiración.

<LINK>: Enlaces del documento

Informa de las relaciones que tiene un documento con otros.
Puede haber varias directivas LINK.
No admite etiqueta de cierre.
Tiene tres atributos, REL, REV y HREF .

REL y REV = contents, index, prev, next, glossary, help

<LINK REL="index"  HREF="indice.html">

<LINK REL="prev"   HREF="tema1.html">

<LINK REL="next"   HREF="tema3.html">

<LINK REV="prev"   HREF="tema3.html">

Atributos de <BODY>

<BODY BACKGROUND = "URL_imagen_del_fondo"

BGCOLOR = "#rrvvaa"

TEXT = "#rrvvaa"

LINK = "#rrvvaa"

VLINK = "#rrvvaa"

ALINK = "#rrvvaa" >

BACKGROUND="URL"

Indica la dirección (URL) de la imagen que se utiliza de fondo del documento HTML. Esta se muestra debajo del texto y las imágenes del documento HTML. En el caso de que la imagen no rellene todo el fondo del documento esta será reproducida tantas veces como sea necesario (efecto mosaico).

BGCOLOR="#rrvvaa ó nombre del color"

Indica el color del fondo del documento HTML, solo se utilizará si no se ha definido una imagen de fondo, o si esta imagen no puede obtenerse.

TEXT="#rrvvaa ó nombre del color"

Especifica el color del texto normal dentro del documento HTML. Por defecto es negro.

LINK="#rrvvaa ó nombre del color"

Indica el color que tendrán los enlaces que no han sido accedidos. Por defecto es azul.

VLINK="#rrvvaa ó nombre del color"

Color de los enlaces que ya han sido visitados. Por defecto es púrpura.

ALINK="#rrvvaa ó nombre del color"

Color del enlace activo. El que está seleccionado (con la tecla TAB).