Esta página es sólo de aprendizaje, así que el contenido se verá sólo por unos
segundos después de los cuales entrarás a mi página en AngelFire.
Pero si no entras dale click a Jacksman's Page
Ahora veamos algunos hipervínculos:
Antes de Aprender JavaScript debemos conocer lenguaje HTML, ya que es el lenguaje base para crear nuestras páginas web, se utiliza cualquier editor de texto simple como el bloc de notas y los guardamos con cualquier nombre, pero la extensión debe ser .html (por ejemplo: prueba.html) y una vez hecho esto podemos cargarlo en cualquier explorador de internet como Internet Explorer.
El primer programa de ejemplo en HTML podría ser el ya conocido "Hola Mundo" pues es el primero que se muestra al aprender un lenguaje. En este caso debemos conocer algunos de los elementos del código HTML. Todo programa en HTML comienza por HTML y finaliza con /HTML, entre estas dos etiquetas van la cabecera y el cuerpo, elementos que veremos más adelante.
La cabecera es el primer elemento de una página html, en ella podemos incluir
el título de nuestra página, alguna referencia a una página de estilo, incluso
si lo deseamos podemos hacer que nuestra página abra otra página html despues
de un cierto tiempo, como en esta página. Por ahora solo utilizaremos TITLE que
sirve para dar un título a nuestra página web.
Por ejemplo, abramos nuestro
bloc de notas y anotemos lo siguiente:
<HTML> <!--Inicio de programa HTML--> <!--Este es un comentario--> <HEAD> <!--Inicio de la cabecera--> <TITLE>Mi Primer Programa HTML</TITLE> </HEAD> <!--Fin de la cabecera--> </HTML> <!--Fin de programa HTML-->
Guardemos este texto dando click en "Archivo" en el menú del Bloc de Notas y
escojamos "Guardar como..." después demos click en "Tipo:" y elijamos "Todos
los archivos", finalmente demos click en "Nombre:" y escribamos un nombre con
la extensión html, por ejemplo: "prueba.html" y demos click en guardar. Para
ver el resultado basta con dar doble click al archivo que se ha creado, sólo
debemos buscar el lugar donde lo guardamos y dar doble click.
Veremos un documento en blanco, eso es porque no hay nada de párrafos en
nuestro archivo, en la parte superior de nuestro explorador de internet
podemos ver el Título que escribimos, eso es lo único visible. Para añadir
texto a nuestra página, se utiliza el cuerpo del documento.
Aquí ya podemos añadir los párrafos que contienen la información que nosotros
queramos incluir, ya sea texto, imágenes, colores, hipervínculos, e-mail, etc.
Esta parte así como las anteriores tiene un inicio y un fin: <BODY> y
</BODY>, entre la apertura y cierre del cuerpo podremos incluir todo lo
mencionado anteriormente.
Iniciaremos incluyendo nuestro primer texto que
será "Hola Mundo". Añadamos lo siguiente al documento previamente escrito:
<HTML> <HEAD> <TITLE>Mi Primer Programa HTML</TITLE> </HEAD> <BODY> <!--Inicio del cuerpo--> <P> <!--Inicio del párrafo--> Hola Mundo. <!--Texto--> </P> <!--Fin del párrafo--> </BODY> <!--Fin del cuerpo--> </HTML>
Ahora guardemos y abramos de nueva cuenta nuestro programa, ahora si visualizaremos nuestro primer programa con el texto "Hola Mundo." en la parte superior izquierda de la pantalla.