HTML: Cabecera o HEAD de una página web

La cabecera (también llamada HEAD) contiene todo el código entre las etiquetas <HEAD> y </HEAD>, solo el título es visible el resto de código esta oculto al usuario. La cabecera de una página web puede contener los siguientes elementos:

Titulo de la página (TITLE)
Meta Tags
Estilos
Scripts

A continuación te describimos cada una de estas partes pero antes aquí tienes un ejemplo de cabecera de una página web HTML 4.01

<head>
<title>Tutorial HTML</title>
<meta name="Language" content="ES">
<meta name="Keywords" CONTENT="tutorial html, manual html">
<meta name="Description" CONTENT="Manual y codigo de html gratis para todos">
<meta name="Distribution" CONTENT="Global">
<meta name="Robots" CONTENT="All">
</head>

Titulo de la página o TITLE

Las etiquetas META son sin duda de las más valiosas que se pueden (y se deben) incluir en una página web, ya que proporcionan información especial complementaria sobre el documento, fundamental por ejemplo a la hora de conseguir que los buscadores de Internet indexen nuestra página en sus bases de datos.

Meta Tags

Los meta-tags sirven para dar información a los robots de los buscadores.

Los metas name, dan la información a los robots, indicándoles algunas preferencias nuestras y del propio documento como el idioma en el que está escrito, el tipo de distribucion.

Algunos ejemplos de metas son:

Prueba la herramienta de creación de metatags. ¡Es gratis!

Estilos

La etiqueta STYLE es una de las más importantes, ya que permite definir una serie de estilos particulares para los elementos de la página, basados en definiciones CSS (Cascading Stylesheet o Hojas de Estilos en Cascada).

Mediante los estilos ó CSS podemos separar totalmente el contenido del documento web de su presentación, permitiéndonos definir la presentación individual o por grupos de cada uno de los elementos del mismo: tamaño de las fuentes, familia, color, peso, etc.

Sus principales atributos son:

type="tipo": que define el lenguaje usado para la definición de estilos, y que define como se aplican los estilos mediante css, JavaScript, text/jscript, vbscript, php.

src="path_css": es la ruta o ubicación del script css de la página, en este caso, cuando el navegador esta cargando la página solicita al servidor el fichero de css que le hemos indicado.