El documento HTML
Todo documento HTML empieza con la etiqueta <HTML> y acaba con etiqueta </HTML> . Dentro de estas etiquetas estará el código HTML.
Dentro de el documento encontramos dos partes bien diferenciadas:
- La cabecera, va entre las etiquetas <HEAD> y </HEAD>. En esta parte encontraremos diferentes informaciones de la página, las cuales no serán visualizadas en el navegador.
- El cuerpo, irá entre las etiquetas <BODY> y </BODY>. Entre estas etiquetas encontraremos el código HTML, el cual será el artífice del diseño de la página.
La cabecera
Dentro de la cabecera podremos encontrar las siguientes etiquetas:
- El titulo, irá entre las etiquetas <TITLE> y </TITLE>. El texto que se encuentra entre estas etiquetas será el que aparezca en la barra superior del navegador y que funcionará como titulo de la página web.
- Base del programa, se indica mediante la etiqueta <BASE>. Dicha etiqueta nos sirve para indicar cual es la dirección URL base para nuestra página y así poder realizar enlaces a páginas mediante direcciones relativas, las cuales tomarán como base la URL indicada en esta etiqueta.
- Meta-Tags, son unos elementos informativos
que nos servirán para indicar informaciones relativas a la página como el
autor, la herramienta con la cual ha sido diseñada, el lenguaje de la página,....
Su estructura es <META http-equiv="--tipo--"
content="--contenido--"> .
Los tipos de informaciones que nos podremos encontrar son:- Autor == "author"
- Herramienta de diseño == "authoring_tool"
- Lenguaje ==
- Descripcion == "description"
- Palabras clave == "keywords"
- Tipo de distribución == "distribution"
- Tipo de recurso == "resource-type"
- Código script, dentro de la cabecera también podemos encontrar código script (javascript, vbscript,...). Si bien, dicho código solamente realizará modificaciones de los elementos de la cabecera o serán funciones que podrán ser utilizadas dentro del cuerpo del programa. El código script irá entre las etiquetas <SCRIPT> y </SCRIPT>.
Una cosa a tener muy en cuenta es que los "robots de búsqueda" de los principales buscadores funcionan leyendo las cabeceras de las páginas web, principalmente el titulo y las meta-tags, para indexarlas en sus bases de datos. Es por ello que es bastante importante incluir la cabecera dentro del diseño de nuestras páginas.
El cuerpo
Dentro de él irán el resto de etiquetas, las que cargan las imágenes, las que dan formato al texto, y aquellas que añaden los documentos multimedia,...
Dentro del cuerpo, si queremos hacer algún comentario, lo haremos de la siguiente manera:
<!-- Comentario -->
Así, por ejemplo, podríamos tener el siguiente fichero HTML:
MiPrimerDocumento.html
<HTML> <HEAD> <TITLE>Mi primera pagina web</TITLE> <BASE URL=">< BR><META HTTP-EQUIV="author" content="Victor Cuervo"> <META HTTP-EQUIV="authoring_tool" content="Bloc de Notas"> <META HTTP-EQUIV="description" content="Mi primera pagina web"> <META HTTP-EQUIV="keywords" content="pagina;web;html;body;head"> <META HTTP-EQUIV="distribution" content="Global"> <META HTTP-EQUIV="resource_type" content="Document"> </HEAD> <BODY> <!-- CODIGO HTML --> </BODY> </HTML>
