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.
Consideraciones previasUn 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
PrácticaUna 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.