Cómo abrir archivos HTML . Acaba de descargar una página web en formato HTML en su Pc o teléfono, ¿está buscando una manera de poder ver su contenido, tanto visualmente como en código fuente, pero no ha encontrado soluciones satisfactorias? Si es así, le alegrará saber que, en la guía de hoy, explicaré exactamente cómo abrir un archivo HTML.
El dispositivo y la plataforma de software que use no importan. Se puede usar tanto un sistema operativo Windows como a través de Mac, también con los principalmente navegadores web, como Edge y Safari) y software de tercero para ver / editar el código fuente de los archivos HTML.
Además, le mostraré varias otras soluciones, tanto integradas como a través de aplicaciones de terceros, para abrir un archivo HTML en teléfonos móviles y tabletas.
Índice
Cómo abrir archivos HTML en Windows
Si quiere abrir un archivo HTML en Windows, le mostraré algunas herramientas que le permitirán abrir este tipo de archivo tanto a través de navegadores de navegación de Internet (para ver estos archivos) como a través de herramientas de edición (para analizar el código y modificarlo).
Microsoft Edge e Internet Explorer
En Pcs equipadas con el sistema operativo Windows, hay varias soluciones que pueden ayudarlo a ver un archivo HTML.
Un ejemplo son los dos navegadores predeterminados de Windows: Microsoft Edge y Internet Explorer. De hecho, permiten abrir un archivo HTML sin la necesidad de instalar un software de navegación web de terceros.
Por lo general, hacer doble clic en un archivo HTML lo abre a través del navegador configurado de manera predeterminada en Windows.
Si es la primera vez que intenta abrir un archivo HTML, Windows le mostrará un cuadro para elegir uno de los programas recomendados enumerados.
También puede hacer clic derecho y seleccionar el elemento Abrir con desde el menú contextual, luego elija uno de los navegadores presentes entre las diversas opciones.
Si necesita abrir un archivo HTML con otros navegadores, quizás para verificar que el código fuente sea compatible con otras soluciones, puede instalar Google Chrome o Firefox.
notepad ++
Si su objetivo es ver el código fuente de un archivo HTML, la mejor solución que puedo recomendar es notepad ++ : un programa gratuito y de código abierto que le permite editar un archivo HTML, pudiendo ver todo el código de compilación.
Si está interesado en notepad ++, vaya al sitio web oficial del programa y haga clic en el elemento descargar, ubicado en la barra de menú a la izquierda.
Ahora presiona el botón descargar para descargar la versión de 32 bits del software o utilice los enlaces en la sección a continuación para descargar la versión de 64 bits.
Después de descargar el archivo .exe, haga doble clic en él y presione sí, en la pantalla Control de cuentas de usuario de Windows. En el cuadro que ves, selecciona español en el menú desplegable para elegir el idioma y luego presione aceptar. Ahora, presione la secuencia de teclas siguiente, Acepto, siguiente, siguiente, instalar y finalmente presionar en finalizar para completar la instalación
Para utilizar notepad ++ como editor de archivos HTML, simplemente seleccione el elemento correspondiente en el menú contextual que se muestra cuando hace clic derecho en este tipo de archivo. Haga clic en Editar con Notepad ++, a través del cual el archivo HTML se abrirá directamente con este software, mostrando su código fuente.
Todos los cambios que realice en el archivo HTML se pueden probar en tiempo real a través de una función específica de notepad ++ : Haga clic en la entrada ejecutar en la barra de menú en la parte superior y seleccione una de las opciones que se le muestran para abrir el archivo con uno de los navegadores indicados, si está instalado.
Otro software para abrir archivos HTML
Además de las soluciones que le mencioné en los capítulos anteriores, hay varias otras, tanto gratuitas como de pago, que pueden ayudarlo a alcanzar su objetivo. Un ejemplo es Adobe Dreamweaver, software pago desarrollado por la empresa adobe, conocido por sus herramientas profesionales de alta calidad, como Photoshop.
Adobe Dreamweaver le permite diseñar un sitio web desde cero y profesionalmente, utilizando las herramientas integradas de creación y compilación automática.
Se recomienda para usuarios más experimentados pero, gracias a su facilidad de uso, incluso los principiantes pueden crear una página HTML o un sitio web completo, con la ayuda de los numerosos tutoriales disponibles en Internet.
Si tiene la intención de probar su funcionalidad, puede descargar la versión de prueba gratuita desde el sitio web oficial o cómprelo desde € 24.39 / mes o € 292.52 / año.
También hay otro software libre como BlueGriffon o SeaMonkey.
Cómo abrir archivos HTML en macOS
Abrir archivos HTML en macOS es una operación que requiere unos momentos de su tiempo, gracias a las soluciones que les contaré en los próximos capítulos.
Puede usar el navegador integrado de la Mac para ver páginas HTML de forma «clásica», o algunas herramientas de terceros para editarlas. Elija de acuerdo a sus necesidades.
safari
Si posee una Pc con un sistema operativo MacOS, puede abrir fácilmente un archivo HTML gracias a safari.
Este último es el navegador predeterminado de las Pcs Apple, le permite navegar por Internet y abrir cualquier archivo de tipo web, como aquellos con una extensión XML o HTML.
Para abrir un archivo HTML, simplemente haga doble clic en él. De esta manera puedes comenzar safari y luego ver el contenido de la página seleccionada. También, si hace doble clic se inicia un programa que no sea safari, haga clic derecho en el archivo HTML de su interés y seleccione los elementos Abrir con> Safari desde el menú contextual.
Además de safari, puede instalar otros navegadores para abrir archivos HTML en modo visual, como Google Chrome o Firefox.
Brackets
Para ver y editar el código fuente de un archivo HTML, puede usar una solución de código abierto y gratuita, como Brackets que está disponible en macOS pero también en otros sistemas operativos, como Windows y Linux.
Si está interesado en este software, puede descargarlo vaya a su web oficial. Luego haga clic en el botón Descargar Brackets x.xx, para descargar el archivo de instalación.
Después de descargar el archivo dmg, a través de la pantalla que se muestra, arrastre el icono de la app en la carpeta aplicaciones e ingrese su contraseña de Mac para instalar.
Ahora, para abrir un archivo HTML con este software, haga clic derecho sobre él y seleccione, en el menú contextual, los elementos Abrir con > soportes. En el mensaje que se muestra en la pantalla, presione el botón abrir y espere unos instantes para que comience la aplicación Brackets.
Los cambios realizados en el archivo HTML se pueden previsualizar a través de la función Vista previa en vivo, disponibles haciendo clic en el elemento files / archivos, en la barra de menú superior.
Lamentablemente, esta función no está disponible para Safari y requiere el uso de Google Chrome en macOS. Alternativamente, deberá guardar el archivo de vez en cuando y abrirlo con safari.
Otras aplicaciones para abrir archivos HTML
Además de las soluciones que mencioné en los párrafos anteriores, puede instalar otras aplicaciones para macOS que le permiten ver el código fuente de un archivo HTML.
Como ya te he indicado en este capítulo, hay varios programas gratuitos o de pago que pueden ser útiles para su propósito: Adobe Dreamweaver, BlueGriffon y SeaMonkey.
Cómo abrir archivos HTML en Android
Si no tiene la posibilidad de usar una Pc para abrir o editar un archivo HTML, en los próximos capítulos le mostraré algunas aplicaciones que pueden ayudarlo a lograrlo a través de un teléfono o tablet Android.
En teléfonos móviles y tabletas con sistema operativo Android, abrir una página HTML es un procedimiento que lleva solo unos minutos.
De hecho, este tipo de archivo se puede abrir con cualquier aplicación de navegación web, como el navegador Google Chrome o la herramienta nativa Visor HTML.
Para abrir un archivo HTML, vaya a la ubicación donde se encuentra este último ayudándolo con una aplicación de administración de archivos, como Archivos de Google.
Una vez que llegue a la carpeta donde guardó el archivo, como descargar, toque el último y seleccione, a través de las opciones que se muestran en la parte inferior, la aplicación para abrirla. Puede elegir el visor interno de los archivos HTML o uno de los navegadores de navegación web instalados en su teléfono móvil / tableta.
Lector / Visor HTML
Alternativamente, puede descargar una aplicación de terceros para ver el código fuente de los archivos HTML. En este caso, recomiendo la aplicación Lector / Visor HTML, que le permite ver un archivo HTML y su código fuente.
Si está interesado en esta aplicación, puede descargarla de forma gratuita desde Play Store de Android. Toque el botón instalar y finalmente en abrir. Después de iniciar la aplicación, presiona aceptar y consiente las solicitudes de acceso a las funciones del dispositivo.
En la pantalla principal de Lector / Visor HTML así que toca el icono de carpeta en la parte superior e ir a la ubicación donde se encuentra el archivo HTML. Después de seleccionarlo, se abrirá inmediatamente, mostrando su contenido. En caso de que desee ver el código fuente, toque el icono </> que encuentra en la parte superior.
Otras aplicaciones para abrir archivos HTML
Las herramientas que le mencioné en los capítulos anteriores le permiten abrir un archivo HTML y ver su contenido, incluso en el código fuente.
Sin embargo, si desea que una aplicación también realice cambios en un archivo HTML, pruebe una de las soluciones enumeradas en las siguientes líneas.
- Editor HTML – es un simple editor de archivos HTML completamente gratuito que admite anuncios publicitarios. Le permite compilar un archivo de lenguaje HTML, pero requiere un conocimiento básico de este lenguaje, sin el cual su uso puede ser difícil. El código compilado se puede previsualizar en cualquier momento, a través de la función de previsualización específica.
- Editor HTML – aunque su nombre es similar a la aplicación de la que te hablé en las líneas anteriores, este editor tiene, en algunos aspectos, un equipo adicional: además de tener publicidad menos invasivas, que de todos modos no se pueden eliminar, tiene una función autocompletado para la compilación rápida de los atributos propios del lenguaje HTML.
- editor HTML gratuito de anWriter – es el editor más completo entre los analizados hasta ahora: además de modificar y completar automáticamente los atributos del lenguaje de programación, tiene una funcionalidad de importación y exportación de archivos HTML a través del protocolo FTP, para descargar archivos del servidor y volver a cargarlos con los cambios realizados.
Cómo abrir archivos HTML en iOS
En caso de que tenga un iPhone o un iPad, para abrir un archivo HTML en estos dispositivos, puede usar las herramientas predeterminadas o algunas aplicaciones de terceros.
En los próximos capítulos le mostraré algunas soluciones, pertenecientes a ambas categorías, que pueden ser adecuadas para usted.
Vista previa de iOS y Safari
Los iPhone y iPad vienen con una función integrada llamada Vista Previa. Este último le permite obtener una vista previa de muchos tipos de archivos, incluidos aquellos en formato HTML.
Si ha descargado un archivo en este formato en su dispositivo Apple o está presente en iCloud Drive, después de haberlo grabado, se abrirá inmediatamente y podrá ver su contenido.
En algunas aplicaciones, especialmente en aquellas donde hay archivos adjuntos en formato HTML, también se pueden ver a través de safari, presionando sobre el icono (el conformado brújula ) que puede encontrar en la pantalla de vista previa integrada en la misma aplicación.
HTML Viewer Q
Algunas aplicaciones están disponibles en la App Store de iOS que le permiten ver el código fuente de un archivo HTML almacenado en su dispositivo o importado desde una URL. Este es el caso con la aplicación gratuita HTML Viewer Q que permite, en unos instantes, importar un archivo HTML para analizar su código fuente.
Si está interesado en esta aplicación, vaya al enlace que he proporcionado y toque el icono obtener, desbloquee la descarga e instalación a través de Face ID, Touch ID o contraseña de iCloud. Finalmente, presiona el botón abrir.
Después de iniciar la aplicación, toque el icono de engranaje ubicado en la parte inferior derecha y, en el cuadro que ves, selecciona iCloud Drive, para importar un archivo HTML desde este almacenamiento en la nube, o presiona el elemento URL de entrada, para abrir una página web de un sitio de Internet, a través de su URL.
Dado que su intención es abrir un archivo HTML, si lo ha subido previamente a iCloud, toca la voz iCloud Drive y selecciónalo. Al hacerlo, el archivo se importará a la aplicación y verá su contenido. Al tocar en el icono </> ubicado en la parte superior izquierda, sin embargo, puede ver el código fuente del archivo HTML seleccionado.
Otras aplicaciones para abrir archivos HTML
Si las soluciones que le mencioné en los capítulos anteriores no satisfacen sus necesidades, puede consultar la lista de aplicaciones para abrir los archivos HTML en iOS que encontrará a continuación.
- Editor de HTML y HTML5 – es una aplicación gratuita que te permite abrir archivos HTML en tu dispositivo o iCloud. Tiene una función de autocompletado de los atributos, para insertarlos fácilmente sin cometer errores. Usando la herramienta de vista previa es posible evaluar la corrección del código fuente modificado.
- IEditor – es un editor gratuito que modifica diferentes tipos de archivos, como archivos de texto o archivos HTML. Después de importar el archivo desde iCloud Drive, se abre dentro de la aplicación, a través del visor HTML integrado. Con la herramienta de edición, se muestra el código fuente del archivo HTML, al que puede realizar cambios.
- EasyHtml – es una aplicación gratuita que le permite ver y editar el código fuente de un archivo HTML que se encuentra en la memoria del iPhone o iPad. Tiene una función de autocompletar de atributos HTML y una vista previa en tiempo real del trabajo que se está realizando en la modificación del código.