Criando Um Site #3 - O Conteúdo

Saudações! Terceira aula de HTML. Vamos aprender agora como colocar parágrafos, e como inserir textos maiores por predefinição do HTML.

Inserir parágrafo, é muito fácil. Basta usar <p>.
Exemplo:

<p>Olá! Este é o primeiro parágrafo. Vamos ver o segundo:</p>
<p>Este é o segundo parágrafo. O Terceiro será muuuuuuuuuuuuuuito grande:</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere velit eget libero cursus sodales. Praesent porta vel risus ut interdum. Morbi sit amet lorem cursus, elementum nibh non, varius tellus. Phasellus quis tellus orci. Nulla quis elit gravida, rhoncus neque eget, cursus purus. Suspendisse mattis dolor nec leo pulvinar placerat. Nunc accumsan ultrices est at semper. Vivamus at lobortis felis. Aliquam euismod sem nisi, a bibendum diam sodales ac. Phasellus rhoncus sollicitudin ligula, in convallis nulla ultricies ac. Praesent porttitor eros a lorem aliquet, ultricies eleifend neque dictum. Nullam et iaculis ante. Fusce non volutpat felis. Vivamus sed neque ornare, adipiscing massa ut, euismod ligula.
Vestibulum consectetur, magna non laoreet interdum, sem augue tincidunt erat, sit amet tempus lorem justo at mauris. Quisque id congue enim. Donec non laoreet nisl. Curabitur at dapibus justo, sed lacinia nulla. Praesent tristique dictum tempus. Etiam velit tortor, cursus vel malesuada in, iaculis nec elit. Duis sit amet fringilla nisl, non convallis enim. Quisque ac ullamcorper urna, quis volutpat enim. Ut venenatis ipsum justo, in fringilla orci scelerisque ut. Vivamus pulvinar orci ut dictum egestas. Nulla facilisi. Praesent eget mauris commodo, venenatis felis ac, porta tellus. In placerat erat non sapien semper, in.</p>

#Visualizar#

Os tres parágrafos foram bem definidos. Agora, vamos por um título na nossa página.
Os cabeçalhos são definidos com <h1> até <h6>. <h1> é o maior, enquanto <h6> é o menor. Vamos ver:
<h1> Cabeçalho H1.</h1>

<h2> Cabeçalho H2.</h2>
<h3> Cabeçalho H3.</h3>
<h4> Cabeçalho H4.</h4>
<h5> Cabeçalho H5.</h5>
<h6> Cabeçalho H6.</h6>

#Visualizar#

Pronto! Agora que você já viu os cabeçalhos, vamos ver mais uma tag, a tag de quebra de linha.
No primeiro exemplo, nossos três parágrafos funcionaram corretamente, mas no terceiro, eu queria que estivesse dividido em duas partes, mas sem o espaço que a parágrafo deixa. Para isso, uso <br />
<p> texto aqui <br /> Outra linha <br /> Outra Linha <br> Quebra de linha sem barra no final </p>
Teste no seu editor!

Até a próxima aula!!