HTML pré -tag

HTML pré -tag
Ao escrever qualquer conteúdo para a página HTML, utilizamos diferentes elementos, como o

marcação,

,

,

tags e mais. No entanto, essas tags geralmente omitem os espaços e quebras de linha mencionadas nas frases. HTML nos fornece a instalação para adicionar quebras de linha usando
e


tags, mas é hora de levar para adicionar o
tag em cada linha um por um. Então, para exibir espaços dentro do texto, como em poemas ou blocos de código, o html
 A tag é utilizada. 

Este guia explicará o html

 marcação. Então vamos começar!

O que é html pré -tag?

O html “

”Tag, também conhecido como elemento de texto pré -formado, exibe texto pré -formatado na página da web. Mais especificamente, pré -formatado significa que o texto será exibido conforme codificado na página HTML e não omitirá nenhum espaço e quebra de linha do texto.

Sintaxe

 

Na sintaxe acima, a primeira pré-marca é a tag de abertura, enquanto a segunda é a etiqueta de fechamento.

Exemplo: como adicionar pré -tag em html?
Vamos exibir uma consulta SQL na página da web. Antes de mergulhar no exemplo demonstrando o funcionamento do HTML

 tag, veremos primeiro como um 

tag exibirá a consulta.

Em html, primeiro, adicione

Tag para o cabeçalho. Então, adicione

tag que contém o código de exemplo de consulta SQL, conforme mencionado no código HTML abaixo:

A consulta SQL para criar a tabela



Crie Table Table_name (
colun_1 datatype,
colun_2 datatype,
colun_3 datatype
);

Atualmente, a página da web se parece com o seguinte:

Pode ser visto na imagem acima que os espaços e quebras de linha foram omitidos do código. Então, para exibir o texto como ele é, o HTML nos forneceu

 marcação.

Em HTML, adicione um elemento div com o nome da classe “principal”. Dentro do elemento div, adicione

tag para o cabeçalho e “

”Tag que contém a consulta SQL:


A consulta SQL para criar a tabela



Crie Table Table_name (
colun_1 datatype,
colun_2 datatype,
colun_3 datatype
);

Ao fornecer o código acima mencionado, obteremos o resultado da seguinte forma:

Agora, aplique estilos de acordo com sua escolha.

Estilo div

.principal
Size da fonte: 15px;
largura: 90%;
Altura: 150px;
margem: automático;
preenchimento: 8px;
Background-Color: RGB (245, 183, 27);
Fronteira: 3PX cerceta tracejada;

A explicação das propriedades do CSS fornecida acima está listada abaixo:

  • ““tamanho da fonte”A propriedade é utilizada para a configuração do tamanho da fonte do elemento.
  • ““largura”Define a largura do elemento div.
  • ““altura”Propriedade especifica a altura do elemento.
  • ““margem”Propriedade adiciona espaços ao redor do elemento div.
  • ““preenchimento”A propriedade adiciona espaço ao redor do conteúdo do elemento ou dentro da borda.
  • ““cor de fundo”Propriedade adiciona a cor de fundo do elemento.
  • ““fronteiraPropriedade define a borda ao redor do elemento com a largura da fronteira, estilo da fronteira e cor da borda.

Ao fornecer o código acima mencionado, o elemento div ficará assim:

Nós aprendemos com sucesso o html

 tag com um exemplo.

Conclusão

O html

 A tag é utilizada para exibir o texto pré -formado na página da web. Ele mantém a propriedade para adicionar quebras de espaço e linha na página HTML. Para melhor compreensão, este post forneceu um guia relacionado ao uso do HTML 
 tag com um exemplo prático.