Tabla de contenidos
Diseñado para principiantes, quienes no hayan escrito nunca un documento HTML manualmente y necesitan saber dónde hacerlo y cómo salvarlo, este tutorial mostrará el proceso para crear un archivo HTML. Aun cuando este proceso no pertenece al lenguaje HTML en sí, intentaremos dar una pequeña idea para aquellos quienes todavía no saben cómo hacerlo.
Un documento HTML (lenguaje de marcas hipertextual) es un simple archivo conteniendo un lenguaje de etiquetado específico llamado HTML (Lenguaje de etiquetado hipertextual, del inglés Hyper Text Markup Language). Dicha información, aun cuando está escrita en una forma estructurada que la hace coincidir con el estándar del lenguaje de etiquetado, es una simple secuencia de caracteres que pueden ser encontrados en un teclado normal.
Un archivo conteniendo un documento HTML puede tener varias extensiones. De hecho, puede tener cualquier extensión que quieras, pero un documento HTML ubicado en un archivo con una extensión como "bmp" (normalmente asociada con archivos de mapas de bits) puede no ser interpretado en la forma que deseamos (como un documento HTML). De modo que sólo nos referiremos a las extensiones que serán "leídas" por los intérpretes como documentos HTML.
Puedes encontrar muchas veces surfeando la web que la dirección URL (localizador uniforme de recursos) en tu navegador, correspondiente al documento que estás visualizando, tiene una extensión como "php", "asp", "pl" ó "cfm" (a veces, seguida de un símbolo de pregunta "?" y por otras cosas). Aun cuando estas extensiones son asociadas con diferentes lenguajes "del lado servidor", al momento en que llegan al lado cliente no son otra cosa mas que documentos HTML. Esto se debe a que dichos archivos contienen originalmente scripts "del lado servidor" que son procesados cada vez que un agente los pide (antes de ser enviados) y son transformados en documentos HTML normales.
De todos modos, para comenzar a escribir documentos HTML sólo usaremos dos tipos de extensiones: "htm" y "html". La diferencia entre estas dos extensiones es simplemente una letra (html no es soportada por sistemas operativos antiguos lo que representa casi nada en la actualidad), de modo que puedes usarlas como prefieras
Una vez que has decidido qué extensión usar, puedes elegir un nombre y crear el archivo. El proceso de crear el archivo es una tarea simple que involucra un pequeño conocimiento acerca del sistema operativo en uso. Los sistemas operativos pueden diferir en la forma en que permiten a los usuarios crear archivos pero no mucho. De todos modos, nosotros mostraremos el proceso de crear el archivo en Windows XP y dejaremos en tus manos la forma de descifrar o investigar cómo hacerlo en otros sistemas operativos.
Crearemos un archivo en el escritorio ya que será sólo un ejemplo, pero más tarde puedes considerar una estructura ordenada (lee nuestro tutorial "Organizando un sitio web" para aprender algunas formas de ordenar los archivos en directorios). El primer paso, es hacer un click con el botón derecho sobre el escritorio y seleccionar la opción "Nuevo" y luego "Documento de texto". Esto creará un archivo de texto y automáticamente te dejará ingresar un nombre de archivo. Allí debes poner el nombre de archivo y la extensión elegida (por ejemplo, "example.html").
Nota: Para cambiar satisfactoriamente la extensión del archivo de "txt" a "html", necesitarás configurar tu sistema operativo de modo que muestre extensiones. Para lograr esto, abre una carpeta (por ejemplo, Mis documentos), ve al menú "Herramientas" y selecciona la opción "Opciones de carpeta...". Una vez que la ventana de opciones se ha abierto debes hacer click en la solapa "Ver" y quitarle la selección a la casilla de verificación "Ocultar las extensiones de archivo para tipos de archivo conocidos".
Ahora, el nombre ya ha sido elegido (por ejemplo, example.html) y el archivo creado: estás listo para comenzar a editar este nuevo archivo. Elige un editor y abre tu archivo. Nuestra 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 usar para editar tus páginas web. También puedes usar otros editores, pero sin agregar formato (por ejemplo, texto en negrita) y salvando el archivo como texto plano solamente. En este ejemplo, usaremos el Bloc de notas de Windows para editar el archivo. Simplemente haz un click con el botón derecho sobre el archivo recientemente creado y selecciona "Abrir con" y luego "Bloc de notas". Esto abrirá el nuevo documento HTML en el editor de texto "Bloc de notas".
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 predeterminado haciendo doble click sobre el archivo. De esta forma, puedes editar y probar tus archivos de una manera muy sencilla.
Recuerda que siempre puedes ver el código fuente de una página abriéndola con tu navegador y seleccionando la opción "ver código fuente", usualmente encontrada entre los menúes (por ejemplo, en Internet Explorer puede ser hallada en el menú "ver" como "código fuente"). No es recomendable editar los archivos desde aquí a menos que los salves especificando el nombre y la ubicación, dado que estos archivos mostrados por el navegador son archivos temporales difíciles de encontrar.