Depois de escrever um código no código do Visual Studio, ele deve ser aberto em um navegador da web com certeza. De fato, ao fazer uma página da web, é necessário abrir e visualizar os resultados ou a saída do código com frequência e após cada operação executada através do código. Isso é feito para garantir que o código esteja sendo implementado corretamente ou não.

Neste post, haverá duas maneiras mais usadas para abrir um arquivo HTML de código do Visual Studio no navegador da web.

Pré -requisito: configure documento HTML

Para visualizar um arquivo html no navegador da web, deve existir um arquivo html. Então, crie o arquivo primeiro. Vamos supor que exista o seguinte arquivo que deve ser aberto em um navegador da web:

Olá Mundo!

Este é o conteúdo da página da web…

-No código acima, há um simples

Caminhando e uma subposição

depois disso.

corpo
Alinhamento de texto: centro;

H1
cor verde;

No elemento de estilo CSS, há duas propriedades adicionadas (i.e., alinhamento e cor de texto) referindo -se ao “corpo" e "

" cabeçalho.

Método 1: Copie e cole o caminho do arquivo no navegador

Um dos métodos para abrir ou visualizar o arquivo HTML no navegador é simplesmente copiar o caminho do arquivo e colar -o no navegador. Vamos entender isso em detalhes.

Clique com o botão direito do mouse no nome do arquivo e clique em “Caminho de cópia”Opção. Dessa forma, o arquivo será copiado do código do Visual Studio:

Abra o navegador e cole o URL copiado no navegador:

Isso exibirá os resultados da página da web no navegador:

Método 2: Abrir através do servidor vivo

Outra maneira de visualizar um arquivo HTML no navegador é ativar uma extensão do servidor ao vivo no código do Visual Studio e depois usando essa extensão para visualizar o arquivo no navegador.

To código do Visual Studio “Servidor vivo”A extensão será usada neste método. Portanto, instale a extensão primeiro se ainda não foi instalado:

Clique com o botão direito do mouse em qualquer lugar da área onde o código foi escrito e selecione o “Aberto com servidor ao vivo”Opção:

Isso carregará automaticamente o link URL do arquivo de código do Visual Studio relevante e exibirá os resultados no navegador:

Esses foram os dois métodos mais comuns usados ​​para visualizar um arquivo html no navegador.

Conclusão

Um arquivo HTML no código do Visual Studio pode ser visualizado no navegador de várias maneiras. Uma das maneiras é copiar o caminho do arquivo do Código do Visual Studio e depois colá -lo no navegador da web. Outra maneira é usar a extensão do Visual Studio Live Server para carregar o URL do arquivo no navegador da web. Este artigo explicou os dois métodos em detalhes.