HTML pré -tag

As tags de formatação de texto HTML abrangem uma variedade muito ampla. Uma importante tag de formatação de texto em HTML é conhecida como tag "pré". Esta tag é usada para exibir texto em uma página da web, assim como está escrito dentro do script html. Isso significa que seu script HTML ou seu navegador não formatarão seu texto por conta própria; Em vez disso, preservará a formatação que você continuou ao escrever o script. Ao passar por este guia, você aprenderá a usar o pré -tag em html.

Uso do pré -tag em html:

Para usar o pré -tag no HTML, você pode considerar os três exemplos a seguir:

Exemplo # 1: Exibindo um texto aleatório pré-formatado em uma página da web:

Neste exemplo, pretendemos exibir um texto pré-formatado aleatório em uma página da web, usando a pré-marca de HTML. O script HTML que escrevemos para esse fim é mostrado na imagem abaixo:

Neste script html, usamos a tag "pré" para incluir um parágrafo aleatório. Você pode ver que este parágrafo contém espaços e quebras de linha em lugares aleatórios. Nosso objetivo é fazer com que este texto apareça como está na página da web. É exatamente por isso que fizemos uso da tag html.

Quando executamos o script HTML mostrado acima com o navegador do Google Chrome, nosso texto apareceu exatamente como está na página da web, como você pode ver na imagem a seguir. Isso significa que a formatação deste texto, eu.e., Os espaços aleatórios e as quebras de linha foram bem preservados por causa do uso do pré -tag html.

Exemplo # 2: Exibindo uma imagem em uma página da web:

No segundo exemplo, iremos um passo adiante e tentaremos desenhar uma imagem usando o html pré -tag. Pretendemos exibir uma vaca em nossa página da web, por causa da qual usamos o script HTML mostrado abaixo:

Neste exemplo, desenhamos uma vaca em nosso script html usando diferentes símbolos. Queríamos preservar a formatação deste desenho porque o encerramos dentro da pré -etiqueta de HTML.

Quando executamos esse script HTML, nosso desenho apareceu como está na página da web, como mostrado na imagem a seguir:

Exemplo # 3: Exibindo uma imagem sem o pré -tag em html em uma página da web:

Neste exemplo, modificaremos ligeiramente nosso segundo script para ver o efeito de remover o pré -tag desse script html. Isso é mostrado na imagem abaixo:

Quando executamos o mesmo script com o navegador do Google Chrome depois de remover o pré -tag HTML, a formatação do nosso desenho ficou bagunçada e só conseguimos ver alguns símbolos dispersos na página da web, como mostrado na imagem a seguir. Isso destaca o significado de usar o pré -tag em html.

Conclusão:

Este artigo foi feito para fornecer uma compreensão completa da pré -tag em HTML. Para transmitir esse conceito corretamente, compartilhamos com você três exemplos detalhados que usam essa tag html. Depois de passar por esses exemplos, você aprenderá rapidamente a usar esta tag em html.