Foros ZackYFileS - Ver Mensaje Individual

3ª Parte:

Estructura de un documento HTML

Un documento HTML consta de las siguientes piezas:

1. Identificación SGML
2. Una etiqueta
3. Cabecera (iniciada por la etiqueta y cerrada por )
4. Cuerpo del documento (iniciada por la etiqueta BODY y cerrada por )
5. Una etiqueta de fin de documento

Código HTML:

<¡DOCTYPE PUBLIC HTML “-//IETF/DDT HTML 2.0/EN”>
<HTML>
<HEAD>

...

</HEAD>
<BODY>

...

</BODY>
</HTML>

Identificación SGML:

Permite identificar la DTD adecuada para procesar el documento.
No es obligatorio.

Ejemplos:

Identificación de un documento HTML 2.0

Código HTML:

<!DOCTYPE PUBLIC HTML “-//IETF//DTD HTML 2.0//EN”>

Identificación de un documento HTML 4

Código HTML:

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4//EN”>

Cabecera:

Es un conjunto sin orden con información acerca del documento.
Se identifica con la etiqueta

Código HTML:

<HEAD>

y finaliza por tanto con

Código HTML:

</HEAD>

En su ámbito se pueden emplear diferentes elementos referenciados por sus etiquetas, los más relevantes son:

·

Código HTML:

<TITLE> [cadena de caracteres] </TITLE>

Da titulo al documento, en la mayoría de los navegadores se visualiza en la barra de titulo
·

Código HTML:

<BASE HREF=”Url”>

Indica la localización de los ficheros, gráficos, sonidos, etc. a los que se hace referencia en nuestra página web. Si no se incluye esta directiva, el navegador entiende que los elementos se encuentran en el mismo lugar que nuestra página.

Código HTML:

<base href="http://************/images/">

Código HTML:

<META [HTTP-EQUIV=VALOR1] [NAME=VALOR2] CONTENT=VALOR3>

HTTP-EQUIV Enlaza el documento con una cabecera de respuesta HTTP
NAME Nombre del valor a asignar
CONTENT Contenido del valor a asignar.

Las funciones principales son:
Proporciona al navegador las palabra clave y contenidos de nuestra página Web.
Muchos de los buscadores de página web de Internet (Yahoo, Lycos,etc..) utilizan el contenido de esta directiva para incluir la página en sus bases de datos.
Documenta el contenido, calidad y posibilidades de dicho conjunto de datos
para dar una indicación de su conveniencia de uso.
Es muy utilizada para efectuar el “refresco automático “de documentos dándole a HTTP-EQUIV el valor “refresh”.
También se puede emplear para introducir transiciones de pagina.

Código HTML:

 <head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="DESCRIPTION” content="Mi pagina personal”>
<meta name=”KEYWORDS” content =”musica; peliculas; baloncesto”>
<title>Página personal de Luis</title>
</head>

Y/O

<head>
<meta http-equiv="refresh" content="15;URL=http://www.ibm.com">
<title>Página redirecionada a IBM a los 15 segundos</title>
</head>

Fuente:
La web de los Tutoriales.