El
**HTML (Hyper Text Markup Language)**∞ es un lenguaje de programación interpretado, es decir que cualquier página web que realicemos no puede ejecutarse de forma autónoma, sino que debe ser descifrado por un programa denominado
**navegador o browser**∞ (
**Mozilla Firefox**∞,
**Internet Explorer**∞,
**Netscape**∞,
**Opera**∞). Veremos que simplemente es un documento escrito en código
**ASCII**∞ que no incluye ningún formato.
Para editar
HTML solo necesitamos un programa que guarde el texto en código
ASCII como el Bloc de Notas, donde hay que guardarlo con extensión
htm o
html.
Aunque para producir un sitio web utilizaremos
editores de HTML (
**Macromedia Dreamweaver**∞,
**UpToDown**∞ -gratuito-), creemos conveniente aprender y entender la lógica de este lenguaje.
Es aconsejable que la primera página la denominemos
"index", porque de esta forma se cargará automáticamente al escribir nuestra dirección de internet. El nombre del archivo inicial será
index.html, de esta forma cuando en el navegador tipeo la dirección de un sitio:
**http://www.dialogica.com.ar**∞
y automáticamente va al archivo index de esta dirección.
HTML trabaja con etiquetas (tags) que se identifican por llevar los signos
"<" ">". Normalmente un comando tiene dos variantes, una de inicio y otra de cierre que actúan sobre el elemento situado entre ellas, por ejemplo:
<html>
</html>
Donde indican que todo el contenido situado entre ellas es un documento que se ajusta a las normas establecidas para HTML.
A continuación debemos incluir la cabecera de la página y su cierre correspondiente:
head
Dentro de la cabecera o encabezado se incluyen aquellos elementos de la página que no alteran el contenido de la misma, aunque si la forma de presentarlo y su comportamiento. Es por eso que es el lugar más recomendable para colocar los scripts y las hojas de estilo, como veremos más adelante.
<html>
<head>
<title>Página Personal de Fernando</title>
<meta name="author" content="Fernando">
<meta name="generator" content="Bloc de notas>
</head>
</html>
Además del título de la página, uno de los elementos que se pueden incluir aquí son los
META. Entre otras cosas, sirven para indicar propiedades de la página.
- AUTHOR - Autor del sitio.
- GENERATOR - Herramienta utilizada para producir el sitio.
- CLASSIFICATION - Palabras que permiten clasificar el sitio dentro de un buscador jerárquico.
- KEYWORDS - Palabras claves por las que se encontrará el sitio en los buscadores.
- DESCRIPTION - Descripción del contenido del sitio.
Ahora veremos la etiqueta
body que encierra los elementos visibles del documento.
<html>
<head>
<title>Página Personal de Fernando</title>
<meta name="author" content="Fernando">
<meta name="generator" content="Bloc de notas>
</head>
<body>
<h1 align="center">Mi presentación</h1>
<br />
<br />
<p>En este sitio me presentaré.</p>
<hr width="%50">
<img src="foto01.jpg" border="0">
</body>
</html>