Skip to content

Cómo abrir un archivo HTML

Una vez que hayas creado tu archivo HTML, necesitas verlo en acción. Aquí te explico las formas más sencillas:

Opción 1: Doble clic directo (más fácil)

Section titled “Opción 1: Doble clic directo (más fácil)”
  1. Localiza tu archivo .html en el explorador de archivos
  2. Haz doble clic sobre él
  3. Se abrirá automáticamente en tu navegador predeterminado

📌 Consejo: También puedes hacer clic derecho → “Abrir con” → elegir tu navegador favorito (Chrome, Firefox, Edge, etc.)

  1. Abre tu navegador web (Chrome, Firefox, etc.)
  2. Presiona Ctrl + O (Windows/Linux) o Cmd + O (Mac)
  3. Navega hasta tu archivo .html y selecciónalo
  4. El navegador lo mostrará automáticamente
  1. Abre tu navegador web
  2. Arrastra el archivo .html directamente desde la carpeta al navegador
  3. ¡Listo! Se visualizará automáticamente

Opción 4: Usando npx serve (recomendado para desarrollo)

Section titled “Opción 4: Usando npx serve (recomendado para desarrollo)”

Esta opción es ideal mientras estás aprendiendo, ya que actualiza la página automáticamente cuando haces cambios:

Terminal window
# Instalar y ejecutar serve (solo la primera vez)
npx serve .
# O si prefieres instalarlo globalmente
npm install -g serve
serve .

Luego abre tu navegador en http://localhost:3000

MétodoProsContras
Doble clicMuy fácilNo se actualiza solo
Ctrl+ORápidoManual
ArrastrarVisualManual
npx serveSe actualiza soloNecesita terminal