Después de escribir un código en el código de Visual Studio, se debe abrir en un navegador web seguro. De hecho, al hacer una página web, se requiere abrir y ver los resultados o la salida del código con frecuencia y después de cada operación realizada a través del código. Esto se hace para asegurarse de que el código se esté implementando correctamente o no.

En esta publicación, habrá dos formas más utilizadas para abrir un archivo HTML de código de Visual Studio en el navegador web.

Prerrequisito: Configurar el documento HTML

Para ver un archivo HTML en el navegador web, debe existir un archivo HTML. Entonces, crea el archivo primero. Supongamos que hay el siguiente archivo que se supone que se abrirá en un navegador web:

Hola Mundo!

Este es el contenido de la página web ..

-En el código anterior, hay un simple

encabezado y un subtítulo

después.

cuerpo
Text-Align: Center;

H1
color verde;

En el elemento de estilo CSS, se agregan dos propiedades (i.mi., Se alinea y color de texto) refiriéndose al "cuerpo" y "

" título.

Método 1: Copie y pegue la ruta del archivo en el navegador

Uno de los métodos para abrir o ver el archivo HTML en el navegador es simplemente copiar la ruta del archivo y pegarlo en el navegador. Entendamos esto en detalle.

Haga clic derecho en el nombre del archivo y luego haga clic en el "Ruta de copia" opción. De esta manera, el archivo se copiará del código de Visual Studio:

Abra el navegador y luego pegue la URL copiada en el navegador:

Esto mostrará los resultados de la página web en el navegador:

Método 2: Abrir a través del servidor en vivo

Otra forma de ver un archivo HTML en el navegador es habilitar una extensión de servidor en vivo en el código Visual Studio y luego utilizando esa extensión para ver el archivo en el navegador.

Tél Visual Studio Code "Servidor en vivoLa extensión se utilizará en este método. Entonces, instale la extensión primero si aún no se ha instalado:

Haga clic derecho en cualquier lugar del área donde se haya escrito el código, y luego seleccione el "Abrir con servidor en vivo" opción:

Esto cargará automáticamente el enlace de URL del archivo de código Visual Studio relevante y mostrará los resultados en el navegador:

Estos fueron los dos métodos más comunes utilizados para ver un archivo HTML en el navegador.

Conclusión

Se puede ver un archivo HTML en el código de Visual Studio en el navegador de múltiples maneras. Una de las formas es copiar la ruta del archivo desde el código Visual Studio y luego pegarla en el navegador web. Otra forma es usar la extensión del servidor Visual Studio Live para cargar la URL del archivo en el navegador web. Este artículo explicó ambos métodos en detalle.