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 😀