Una Pagina Web Basica
Leccion #1

Bueno abramos Notepad y escribamos lo siguiente ...

<html>
</html>

Cada una de estas curiosidades son llamadas "etiquetas" (tags en ingles) piensa en ellas como la manera de hablar con tu browser o mejor dicho como dar ordenes a tu browser. Hay una etiqueta para abrir y una para cerrar, para hacer una para cerrar simplemente agrega "/" a la etiqueta de abrir, no todas las etiquetas tienen una etiqueta para cerrar. Lo que le acabas de decir a tu browser es que este es el principio de una documento HTML <html> y que este es el final del documento HTML </html>, bueno a esto le agregamos otras etiquetas......


Todo documento HTML nesecita un par de etiquetas HEAD

<html>

<head>
</head>

</html>


Lo unico que nos importa poner por ahora adentro de las etiquetas HEAD es la etiqueta TITLE.

<html>
<head>

<title>
</title>

</head>
</html>


El contenido de la pagina ira entre las etiquetas body

<html>
<head>
<title>
</title>
</head>

<body>
</body>

</html>


Dale un titulo a tu pagina!

<html>
<head>
<title>
Mi pagina de mala reputacion!
</title>
</head>
<body>
</body>
</html>


Ahora guarda este documento en un folder de tu preferencia pero no como un documento de texto si no como un documento .html dale este nombre index.html (los que usan windows 3.1 guardenlo como index.htm) si no sabes hacer esto aqui esta lo que tienes que hacer para win95 en Notepad haz un click en "Archivo" de ahi en "Guardar como..." donde dice "Nombre de archivo" escribe index.html y donde dice "Guardar como archivos de tipo" asegurate que diga "Todos los archivos" ahora presiona "guardar" y listo.

Felicitaciones! Tu eres el orgulloso padre de una pagina web, si tu la pones en un "servidor" el mundo entero podra ver tu creacion.

Lamentablemente la pagina esta un poquito vacia (pero te juro que es una pagina legitima de HTML) que te parece si ponemos algunas cosas novedosas en ella?

Antes que nada este tutorial lo podras aprender mejor si tienes dos ventanas "Netscape" abiertas al mismo tiempo en una de ellas ver este tutorial y en la otra la pagina que ya creaste ah! y por supuesto Notepad para que puedas seguir aņadiendo etiquetas a tu pagina; para abrir la pagina que ya creaste busca el folder en cual la guardaste y has dos clicks simultaneos para abrirla.

Lo que acabas de crear es solo el esqueleto de una pagina HTML todos los documentos HTML requieren de que tengas por lo menos estas etiquetas en el, y donde esta el titulo? el titulo lo puedes ver en la parte de arriba de tu web browser. (bien arriba!).

Ahora continuemos con la leccion 2....

 

ATRAS  = = = ADELANTE

 

Introduccion Leccion 1 Leccion 2 Leccion 3 Leccion 4 Leccion 5 Leccion 6
E-mail