Go to main content
Bypass navigation bar Referencia HTML Tags HTML Tutoriales HTML
Bypass language selection
Bypass location bar

Location: Inicio > Tutoriales HTML > Cómo comenzar un documento HTML

Bypass main content

Cómo comenzar un documento HTML

Este tutorial está diseñado para principiantes, quienes nunca han escrito un documento HTML manualmente y necesitan saber dónde escribirlo y cómo guardarlo. Este tutorial mostrará el proceso de crear un archivo HTML. Aún cuando este proceso no pertenece al lenguaje HTML en sí intentaré dar una pequeña idea para aquellos que todavía no saben como hacerlo.

Bypass main content

Consideraciones previas

Un documento HTML es un simple archivo que contiene texto en un lenguaje de marcas específico. Ésta información, aún estando escrita en forma estructurada lo cual la hace encajar en el estándar del lenguaje, es una simple secuencia de caracteres que pueden ser encontrados en un teclado normal..

Un archivo que contiene un documento HTML puede tener diferentes extensiones. De echo, puede tener cualquier extensión que tu quieras, pero si lo colocas en un archivo con una extensión como "bmp" (usualmente asociada con los archivos de bitmap) puede no ser interpretada en la forma que queremos (como un documento HTML). Entonces listaremos solamente las extensiones que serán normalmente "leídas" por los agentes de usuario como documentos HTML.

Muchas veces puede encontrar al navegar la web que la dirección  URL en tu navegador correspondiente al documento que estás justamente viendo tiene una extensión de archivo como "php", "asp", "pl" ó "cfm" (a veces seguida por un símbolo de pregunta "?" y muchas otras cosas). Aún siendo estas extensiones asociadas con diferentes lenguajes del lado servidor, al momento que llegan al lado cliente no son más que documentos HTML documents. Esto se da debido a que los archivos contienen originalmente scripts del lado servidor que son procesados cada vez que un agente de usuario los solicita (antes de ser enviados) y son allí transformados en documentos HTML normales.

Pero para comenzar a escribir código HTML usaremos dos extensiones: "htm" y "html". La diferencia entre estas dos extensiones es simplemente una letra ("html" no es soportada por sistemas operativos antiguos los cuales casi ni se utilizan en estos días), así que puedes utilizarlas como prefieras.

Práctica

Una vez que has decidido que extensión utilizar, puedes elegir un nombre de archivo y crear el archivo. El proceso de crear archivos es una tarea simple que involucra un pequeño conocimiento acerca de tu sitema operativo. Los sistemas operativos pueden diferir en la forma en que los usuarios pueden crear un archivo, pero no mucho. De todos modos, mostraré el proceso de crear un archivo en Windows XP y dejaré que tu deduzcas o investigues cómo hacerlo en otros sistemas operativos.

Crearemos un archivo en el escritorio ya que es un ejemplo, pero tal vez más tarde consideres una estructura organizada (ve el tutorial "Organizando un sitio web" para aprender algunas formas de organizar archivos en los directorios). Entonces el primer paso es hacer un click derecho en el escritorio y selecciona "Nuevo" y luego "documento de texto". Esto creará un archivo de texto y automáticamente te permitirá ingresar su nombre. Allí colocarás el nombre de archivo y la extensión elegida (por ejemplo, "ejemplo.html").

Nota: Para cambiar satisfactoriamente la extensión del archivo de "txt" a "html", necesitarás configurar tu sistema operativo para que muestre extensiones, de otro modo sólo podrás cambiar el nombre. Para ello, abre una carpeta (por ejemplo, "Mis documentos"), ve al menú "Herramientas" y selecciona "Opciones de carpeta...". Una vez abierta la ventana de opciones debes seleccional la solapa "Vista" y desmarcar la casilla "Ocultar extensiones para tipos de archivo conocidos".

Ahora el nombre ha sido elegido (ejemplo.html) y el archivo ha sido creado: estás listo para comenzar a editar este nuevo archivo. Elije un editor y abre el archivo. Mi recomendación es que uses un editor de texto básico. La mayoría de los sistemas operativos modernos proveen editores de texto básicos que puedes utilizar para editar tus páginas web. También puedes utilizar otros editores pero sin agregar formato (por ejemplo, texto en negrita) y salvar el archivo como texto plano solamente. En este ejemplo usaremos el Bloc de notas de Windows para editar el archivo. Simplemente haz un click derecho en el archivo creado recientemente y elige "Abrir con" y luego "Bloc de notas". Esto abrirá el nuevo documento HTML en el editor de texto "Bloc de notas" de Windows.

Ahora estás listo para comenzar a escribir tu página web. En la mayoría de los sistemas operativos modernos puedes ver el documento resultante en tu navegador por defecto haciendo doble click en el archivo. De este modo puedes editar y probar tus archivo de una manera muy sencilla.

Recuerda que siempre puedes ver el código fuente de una página web abriéndola con el navegador y seleccionando la opción "ver código fuente", usualmente encontrada entre los menúes (por ejemplo, en Internet Explorer se encuentra en el menú "Ver" y la opción "código fuente"). No es recomendable editar los archivos desde aquí a menos que lo guardes especificando el nombre y la ubicación, dado que estor archivos mostrados por el navegador son habitualmente archivos temporales difíciles de localizar.

Diseño y desarrollo: Latitud29.com

Vínculos y logos|Contacto|Más allá de HTML|Herramientas y recursos|Mapa del sitio|Webmaster|Dona