HTML pode dividir um documento em vários parágrafos A tag de parágrafo <p> pode ser usada em HTML para dividir o conteúdo do documento em vários parágrafos.
<p>Parágrafo, conteúdo. </p>
A tag de parágrafo consiste em uma tag inicial <p> e uma tag final </p>. O conteúdo entre a tag inicial e a tag final será considerado um parágrafo. A tag de parágrafo é uma tag muito básica que usamos ao publicar artigos na web.
Seção:
1. Os parágrafos HTML são definidos por meio de tags <p>.
Observação: os navegadores adicionam automaticamente linhas em branco antes e depois dos parágrafos. (</p> é um elemento de nível de bloco)
2. Não se esqueça da tag de fechamento
Mesmo se você esquecer de usar a tag de fechamento, a maioria dos navegadores exibirá o HTML corretamente:
<p>Este é um parágrafo<p>Este é outro parágrafo
Os resultados da execução são mostrados na figura abaixo:
O exemplo acima funcionará bem na maioria dos navegadores, mas não confie nesta abordagem. Esquecer de usar tags de fechamento pode produzir resultados e erros inesperados.
Nota: Em uma versão futura do HTML, não será permitido omitir a tag de fechamento.
3. Quebra de linha HTML
Se você quiser quebrar (nova linha) sem criar um novo parágrafo, use a tag <br>:
Exemplo:
<p>Este<br>parágrafo<br> demonstra o efeito da ramificação</p>
Os resultados da execução são mostrados na figura abaixo:
O elemento <br /> é um elemento HTML vazio. Como uma tag de fechamento não faz sentido, ela não possui uma tag de fechamento.
4. Saída HTML - usando lembretes
Não podemos determinar o efeito exato do HTML exibido. O tamanho da tela e os ajustes na janela podem levar a resultados diferentes.
Com HTML, você não pode alterar a saída adicionando espaços extras ou quebras de linha ao código HTML.
Ao exibir a página, o navegador remove espaços extras e linhas em branco do código-fonte. Todos os espaços consecutivos ou linhas vazias são contados como um espaço. Observe que todas as linhas vazias consecutivas (novas linhas) no código HTML também são exibidas como um espaço.
<!DOCTYPEhtml><html><head><metacharset=utf-8><title>Rede de linguagem C (dotcpp.com)</title></head><body><h1>春晓</h1><p> Quando durmo na primavera, não percebo o amanhecer <p>Ouço pássaros cantando por toda parte. <p>O som do vento e da chuva chega à noite, <p>Quantas flores caíram. <p></p><p>Observe que o navegador ignora a tipografia no código-fonte (espaços estranhos e quebras de linha são omitidos). </p></body></html>
Os resultados da execução são mostrados na figura abaixo:
5. Espaço em branco nos parágrafos
Por padrão, a tag de parágrafo mesclará os caracteres de espaço em branco no texto e exibirá vários caracteres de espaço em branco consecutivos como um espaço. O desempenho específico é o seguinte:
(1) Se vários espaços consecutivos aparecerem em um parágrafo, o navegador irá ignorar esses espaços e manter apenas um;
(2) Se várias quebras de linha consecutivas aparecerem em um parágrafo, o navegador converterá essas quebras de linha em um espaço.
Exibição de exemplo:
<!DOCTYPEhtml><html><head><metacharset=UTF-8><title>Rede de linguagem C (dotcpp.com)</title></head><body><p>Rede de linguagem C (dotcpp.com) , um site de programação de aprendizagem on-line, URL: <ahref=https://www.dotcpp.com/target=_blank>https://www.dotcpp.com/</a></p><p>Linguagem C A O site lançou atualmente tutoriais para quase <b>15</b> módulos, incluindo HTML, linguagem C, C++, JavaScript e outros módulos. Você pode <ahref=https://www.dotcpp.com/course/target= _blank. >Clique aqui</a> para ver todos os tutoriais. </p><p>Nosso propósito: um site que ajude todos a aprender programação de maneira prática. </p></body></html>
Os resultados da execução são mostrados na figura abaixo:
