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

  • Dirceu

    Eu queria saver como deixar um parágrafo mesmo na 1° linha, usando , tipo um espaço no começo, só na primeira linha. vlw!”

  • eu nao entendi a duvida

    se voce quer fazer um caracter epsaço, utilize &nbsp;

  • Alex

    No IE 6 o parágrafo que criei dá quebra de linha automática, embora haja espaço pra caber numa linha só. Eu quero que fique tudo numa só linha. Como faço?

  • alex, se isto esta acontecendo, é provavel que o IE 6 esteja considerando que o body da sua pagina esteja com uma largura menor do que a aparente

    para te ajudar melhor, eu gostaria de dar uma olhada no codigo para entender o que esta acontecendo 😀

    me passe tb a resolução da sua tela

    pode mandar tudo no meu e-mail
    [email protected]

    abraços

  • Everbenia

    eu estou com a mesma duvida do Dirceu!
    quando estamos digitando a cada inicio de paragrafo nos teclamos tab para deixar um espaço aproximadamente de um dedo!
    e no caso de html? ele sempre irá começar do inicio da linha?

  • Gio

    Só que que não entendi a utilidade desse parágrafo? Quer dizer, até onde eu sei, os parágrafos são aqueles espaços deixados na primeira linha e eu até então achava que essa tag, significava isso, mas agora que eu vi que não significa, ainda não consegui tender a utilidade dela, já que usando ou não usando ela, nada de diferente acontece, pelo menos eu não consegui notar a diferença. Qual é sua função?