HTML: parágrafos


HTML: parágrafos

(Elivelto Ebermam)

Em html é usado a tag <p> para inserir um parágrafo na página. Como a maioria das tags em html, ela tem abertura <p> e fechamento </p> . Em meio a abertura e o fechamento da tag deve ser inserido o texto do parágrafo.



Lembrando que, para uma página html, não basta escrever apenas o trecho acima, é necessário escrever toda a estrutura da página. O trecho do parágrafo deve estar dentro da tag <body>. Veja o exemplo abaixo:

<html>
    <head>
        <title> Exemplo </title>
    </head>
    <body>
        <p> Texto texto texto </p>
    </body>
</html>

Se inserirmos esse código no editor online do site W3Schools [1], disponível no link https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default , temos o seguinte resultado:



Como resultado temos as palavras “Texto texto texto” escritas na parte direita da imagem.
Um detalhe importante para enfatizar é que, o navegador desconsidera todos os espaços extras e quebras de linha do texto do parágrafo. Dessa forma não adianta colocar dois espaços ou mais entre as palavras e nem saltar linhas no trecho de texto no código. Veja um exemplo:



Esperava-se que código gerasse três parágrafos como resultado. Porém, não é isso que é mostrado no resultado (direita da imagem). Nele há apenas um parágrafo de texto. Isso ocorre porque há apenas uma tag de parágrafo no código.
Mas como inserir três parágrafos então? Para cada parágrafo que queremos inserir devemos fazer a abertura da tag, inserir o texto e então fazer o fechamento da tag. Veja um exemplo com três parágrafos:


Agora sim, podemos ver os três parágrafos de forma correta.

Referências

[1] HTML Tutorial. W3Schools,  2020. Disponível em <https://www.w3schools.com/html/>. Acesso em: 18 de mai. de 2020.

Comentários

Postar um comentário

Postagens mais visitadas deste blog

CSS: margin, padding e border

HTML: Formulários - caixas de texto

CSS: Introdução