|
Cursillo Villano veraniego
de HTML básico (2)
- No lo aprenderás todo... pero aprenderás ;) - |
Estructuración básica de un documento HTML
Todo documento programado con HTML necesita unas etiquetas como ya mencionamos en la introducción. Las etiquetas son las partes estándares definidas y que se escriben entre los símbolos de "<" y ">", las que cierran llevan el símbolo "/" antes de la marca. Las etiquetas o marcas pueden ser de dos tipos cerradas o abiertas. Las etiquetas abiertas son aquéllas que sólo necesitan una para completar la orden, por ejemplo, "<IMG>". Las etiquetas cerradas son aquéllas que necesitan de dos marcas idénticas, una al inicio y otra al final, para completar la orden, por ejemplo "<html>" "</html>". Un documento escrito en HTML cuenta con tres etiquetas que utiliza para describir la estructura completa del mismo y que proporciona un sencillo encabezado de información para los visualizadores y los programadores. Estas son las siguientes:
<html>........</html>
Esta etiqueta es la que le indica al navegador que va a leer un documento que está escrito en HTML. Dentro de ella están contenidas otras dos etiquetas siguientes que definirán la Cabecera (head, que no será visible al usuario) y el Cuerpo (body, en dónde se encontrarán todos los elementos visibles al usuario).
<head>........</head>
Contendrá los elementos que describirán los títulos, usos y relaciones con otros documentos; por lo general son muy pocas las etiquetas que se pueden incluir dentro de ella. En esta etiqueta nunca debemos colocar información que queremos que vea o utilice el usuario. Su fin es permitir a los navegadores y buscadores que tenga acceso a otro tipo de información, como veremos mas adelante.
<body>........</body>
Contendrá el texto, imágenes asociadas, correo, saltos entre páginas, hipervínculos, etc. Es la etiqueta que más etiquetas contiene, y a su vez, la que mas elementos soporta y define. Por lotanto , esta etiqueta es la que nos permitirá delimitar el cuerpo de un documento HTML.
En conclusión, podemos decir que la estructura de un documento básico en formato HTML tiene que ser similar a la siguiente:
<html> inicio del documento
<head> inicio de la cabecera
</head> final de la cabecera<body> Inicio del cuerpo
</body> Final del cuerpo
</html> Final del documento
Las páginas que vayamos creando se deben salvar con un nombre cuya extensión sea HTML o HTM y se situará en el directorio y/o subdirectorios destinados para ella. Es conveniente no utilizar nombres largos, símbolos ni mayúsculas para que sean correctamente interpretadas. Tambiñén se debe tener en cuenta el nombre de la primer página, por regla general index.htm o index.html son aceptadas en todos los servidores como nombre de la página de entrada. Pero en otros casos, utilizan otros nombres tales como default, welcome, home, etc, y ante la duda lo mejor es informarse con nuestro ISP. Tambien debemos tener en cuenta en no dar el mismo nombre a páginas que se vayan a guardar en el mismo directorio/subdirectorio, pues tal y como sucede con el resto de documentos, páginas, gráficos, etc., la última versión sustituiría a la anterior. Por añadidura, sería imposible colocar enlaces para pasar de una página a otra si las dos recibiesen el mismo nombre.
Otras etiquetas a tener en cuenta son <!--comentario--> y <!doctype información>. La primera etiqueta puede utilizarse en cualquier parte de una página y permite básicamente incluir comentarios, que el usuario nunca verá, por ejemplo:
<!--Este
es un comentario antes de comenzar el documento-->
<html>
<head>
</head>
<!--entre la cabecera y el cuerpo colocamos
otro comentario para informar de algo-->
<body>
</body>
</html>
La segunda etiqueta es poco usual. No se incluye ni dentro de la cabecera, ni del cuerpo ni de los límites de la página. si se desea incluirla deberá aparecer siempre como primera etiqueta de la página, antes incluso de <HTML>. Esta etiqueta se usa para que nos permitar indicar la versión de HTML que se va a utilizar para escribir la página. Esta información tampoco es visible para el usuario. Por ejemplo, si quisiéramos indicar que vamos a utilizar el estándar de HTML 4.0, lo haríamos así:
<!doctype
html public ".//w3c//dtd html 4.0//en">
<html>
<head>
</head>
<!--entre la cabecera y el cuerpo colocamos un comentario para informar
de algo-->
<body>
</body>
</html>
 Indice del curso |
| Versión para imprimir | Hecho por escuela@villanos.net en 2000 |