Creando mi primera página web

Como les dije en la introducción, el programa necesario para desarrollar tu primera página web, es simplemente un editor de textos, vamos a trabajar con el más sencillo, el block de notas de Windows.  Hay otros programas más especializados y que nos ayudarán a desarrollar nuestro proyecto y aprendizaje, pero lo veremos en el próximo capítulo.

Lo primero que debes aprender es la estructura que tiene el documento de HTML y que las etiquetas no diferencian entre mayúsculas y minúsculas, es decir, da igual <HTML> que <html>.

Todo lo que escribiremos en HTML va entre las etiquetas


<HTML>     Contenido   </HTML>

La primera etiqueta abre el telón y la segunda lo cierra.  Todo lo que esté fuera de las etiquetas de apertura y cierre no se le aplicará al contenido.

El contenido está formado por dos partes, la cabecera y el cuerpo, dentro de la cabecera se encuentra el título del documento, y dentro del cuerpo lo que se verá en la página como tal.

Las etiquetas son las siguientes:

Cabecera:  <HEAD>   </HEAD>
Título: <TITLE>  Título  del Documento </TITLE>

Cuerpo:  <BODY>  Cuerpo de la página, por ejemplo: texto, imágenes, etc.  </BODY>

Entonces la estructura básica de un documento de HTML queda así: 


Ahora, lo guardamos, en mi caso le puse al archivo  index.html

La página principal o de inicio siempre debe llevar el nombre de index.html o inicio.html

Todo documento HTML, debe ser guardado con la extensión .html o . htm

Al abrir el archivo guardado en el navegador, debe verse algo así:



Antes de continuar con el siguiente capítulo te invito a ir a la zona de descargas y vas a buscar el programa PSPad, lo descargas e instalas en tu computadora.


SiguienteAtrás  Inicio del Curso  

comments powered by Disqus