Tutoriais: HTML #3 – Parágrafo

e Quebra

Tutoriais: HTML #3 – Parágrafo <p> e Quebra <br>

HTML Tutorial Introducao

Este post faz parte do Tutorial weRgeeks de HTML.

Como vimos no post anterior, todo o conteúdo de uma página deve estar “embrulhado” por tags <tag></tag>, vimos tambem que o conteudo que se quer exibir deve ficar dentro do tag <body></body>.

Parágrafos <p>

Vamos ver agora como formatar o texto em parágrafos. Todo texto que pertence a um mesmo parágrafo é unido pelo tag <p>.

<body>
<p>Paragrafo 1.

Texto, muito texto, muitissimo texto faz parte deste paragrafo</p>

<p>Paragrafo       dois. tambem tem texto, muito texto, muitissimo texto que faz parte apenas deste paragrafo</p>

</body>

Paragrafo 1.

Texto, muito texto, muitissimo texto faz parte deste paragrafo

Paragrafo dois. tambem tem texto, muito texto, muitissimo texto que faz parte apenas deste paragrafo

Como da pra perceber, cada paragrafo no código esta dentro do tag <p>, e dentro deste as quebras de linha e espaços em excesso são ignorados, o que, apesar de ser bom na hora de ler o código, gera o problema de como colocar uma quebra de linha dentro de um parágrafo sem terminar o mesmo.

Quebras de linha <br>

Para colocar uma quebra de linha, utilizamos um tag “single” de quebra de linha, o <br>. Este tag, diferentemente dos outros, não precisa ser fechado, ou seja, ele apenas representa uma quebra de linha, e não agrupa algum texto com a mesma propriedade (como acontece com o <p>)

<body>
<p>oi.<br>Este paragrafo tem uma quebra de linha</p>
<p>oi. Este paragrafo não tem uma quebra de linha</p>

</body>

oi.
Este paragrafo tem uma quebra de linha

oi. Este paragrafo não tem uma quebra de linha

Bom, agora basta apenas testar seus novos tags e ver o resultado.

Até a próxima 😀

Sobre o autor

A Rede Geek é um hub de conteúdo geek, com podcasts, vídeos, blog, produtos e serviços feitos especialmente para a galera que é apaixonada por tecnologia! Siga a gente nas redes sociais e fique ligado de tudo que rola por aqui! ;D #RAULLL