Cómo editar un archivo HTML

código de programa en la pantalla de la computadora. Fondo de tecnología de programación y codificación.

Credito de imagen: tumsasedgars / iStock / GettyImages

El lenguaje de marcado de hipertexto o HTML es el lenguaje de programación básico de la World Wide Web. Se utiliza para especificar el diseño y la funcionalidad básicos de un sitio web. Puede editar un archivo HTML utilizando cualquier editor de texto sin formato o una herramienta especializada que genere HTML en función de su entrada.

HTML, CSS y JavaScript

Los navegadores web modernos comprenden tres lenguajes de programación. HTML se utiliza para codificar el diseño básico de una página web e introducir elementos funcionales como formularios, imágenes y secciones de texto. También se puede utilizar para algunas especificaciones de estilo.

Video del día

Otro lenguaje llamado hojas de estilo en cascada o CSS se usa para diseñar aún más el aspecto de una página en una pantalla o cuando se imprime en papel. CSS se puede incrustar en HTML o se puede hacer referencia a él mediante código HTML y se puede almacenar en archivos separados.

Se utiliza un tercer idioma, conocido como JavaScript, para agregar funcionalidad adicional como interactividad y computación a los sitios web. También se puede incrustar en archivos HTML o almacenar en archivos separados. Como sugiere el nombre, es similar a otro lenguaje de programación llamado Java, aunque los dos no son compatibles entre sí y no deben confundirse entre sí.

Editar un archivo HTML

HTML, CSS y JavaScript tienen sus propias reglas de sintaxis que deben seguirse para generar un código válido que un navegador web pueda comprender, pero se almacenan en archivos de texto sin formato.

Se pueden editar con cualquier software de edición de texto sin formato, incluido el Bloc de notas en Windows, TextEdit en computadoras macOS y editores de texto populares como Emacs, Vim y Sublime Text. Normalmente, los archivos HTML se guardan con una extensión .html. Evite el uso de herramientas de procesamiento de texto como Microsoft Word y Google Docs para editar HTML porque no lo son tan bien adecuado para tratar con texto sin formato como lo son para construir documentos elaborados con fuentes personalizadas y formateo.

Algunos desarrolladores prefieren utilizar entornos de desarrollo integrados o configurar sus editores de texto para incluir características avanzadas como resaltar diferentes partes del código HTML o sugerir dónde deben estar los elementos metido. Los navegadores web modernos también permiten modificar HTML y JavaScript y editar código mientras se depura a través de varias herramientas de desarrollo integradas.

HTML generado

Varias herramientas permiten generar HTML sin escribirlo directamente. Algunas herramientas de diseño web como Dreamweaver de Adobe y herramientas en línea como Wix y Squarespace generan automáticamente HTML en función de lo que los usuarios ingresan a través de una interfaz visual.

Otros, como algún software para foros web y wikis, automáticamente toman otros lenguajes de formato más simples como Markdown y los traducen a HTML y CSS. El software de servidor web, como Django y Rails, también puede generar HTML automáticamente en función de la configuración y los datos.