HTML – Títulos e Parágrafos – aula 3
Bom, vimos anteriormente a estrutura html, agora tudo que iremos trabalhar vai ser entre as tags <body>……</body>, porque todo conteúdo que será mostrado na sua página deve estar entre elas:
Sabemos que todo documento têm Títulos, Sub-títulos e parágrafos. Mas como fica isso em html?
h1, h2, h3, h4, h5 e h6 são usados para inserir os títulos em suas páginas – h1 utiliza a fonte maior e h6 a menor -, e “p” vai especificar o que é parágrafo. Ficando assim:
…
<body>
<h1>HTML – aula 3</h1> ->mostra onde inicia e onde termina o título.
<h2>por Jair lievi</h2> ->Sub-título
<p>Isso aqui é um parágrafo. Estou fazendo uma sequência de aulas sobre meu amigo HTML, e em breve vou apresenta a vocês nosso amigo CSS. Os dois se tornaram grandes amigos! </p>
<p>Isso aqui é um segundo parágrafo. Estou fazendo uma sequência de aulas sobre meu amigo HTML, e em breve vou apresenta a vocês nosso amigo CSS. Os dois se tornaram grandes amigos! </p>
</body>
…
Tah! mas se eu quizer pular de linha dentro de um mesmo parágrafo, o que eu faço?
Simples, insira a tag <br> onde você quer fazer a quebra de linha. Essa tag não precisa especificar o final , simplesmente digite ela onde você quer que ocorra a quebra. Ex:
…
<body>
<p>Isso aqui é um segundo parágrafo. <br>
Estou fazendo uma sequência de aulas sobre meu amigo HTML, e em breve vou apresenta a vocês nosso amigo CSS. Os dois se tornaram grandes amigos! </p>
</body>
….
RESUMÃO:
h1, h2, h3 …. -> Títulos. Ex: <h1>Título 01</h1>
p -> Define os parágrafos. Ex: <p>Parágrafo de um texto qualquer. </p>
br -> Insere uma quebra de linha (força o que estiver a sua frente descer para baixo).
Ex: Linha1 <br> Linha 2 <br> Linha 3.
CORREÇÃO:
A tag br responsável pela quebra de linha em HTML fica assim <br> , já em XHTML (veremos á frente) é usado o fechamento – <br />. A minha intensão é ir preparando-os para o XHTML, mas já que o Michel comentou resolvi explicar o porquê do uso <br /> no tutorial.
Obrigado pela compreensão.
Até a próxima!
Jair Alievi
Tags: alievi, curso html, estrutura de um documento HTML, html, HyperText Markup Language, tutorial html
You can comment below, or link to this permanent URL from your own site.