Tags básicas do HTML
Hoje falarei de algumas tags iniciais que vão nos auxiliar em nosso estudo de HTML5. Vamos falar das tags de títulos, parágrafo e a tag de quebra de linha.
Tag para Títulos
Começaremos falando da tag responsável pelos títulos, o HTML nos oferece 6 níveis de títulos. Os títulos começam no nível 6 e vão até o nível 1, seguindo do menor para o maior. O h1 define o título mais importe e o h6 o menos importante. Vejamos um exemplo:
<h1>Este é um título de tamanho 1</h1>O exemplo acima deve ser mostrado da seguinte maneira em seu navegador:
<h2>Este é um título de tamanho 2</h2>
<h3>Este é um título de tamanho 3</h3>
<h4>Este é um título de tamanho 4</h4>
<h5>Este é um título de tamanho 5</h5>
<h6>Este é um título de tamanho 6</h6>
Este é um título de tamanho 1
Este é um título de tamanho 2
Este é um título de tamanho 3
Este é um título de tamanho 4
Este é um título de tamanho 5
Este é um título de tamanho 6
Conforme a imagem abaixo, todos os navegadores suportam esse elemento:
 |
| Dados retirados do W3School |
Diferenças entre o HTML 4.01 e o HTML5
O atributo align não é suportado em HTML5. Caso necessite usar esse atributo, deve ser utilizado através do CSS.Tag para parágrafo
Quando queremos escrever um parágrafo, utilizamos a tag p. Por padrão, os navegadores automaticamente adicionam alguns espaços (margens) antes e depois de cada elemento. Caso seja necessário, essa margem pode ser alterada através do CSS. Visualize o exemplo a seguir:<p>Esse é um pequeno texto para exemplificar o uso do elemento p em HTML.</p>
<p>Mais uma linha para mostrar o efeito causado pelo elemento p.</p>
O exemplo deve ser mostrado em seu navegador da seguinte maneira:
Esse é um pequeno texto para exemplificar o uso do elemento p em HTML.
Mais uma linha para mostrar o efeito causado pelo elemento p.
Conforme a imagem abaixo, todos os navegadores suportam esse elemento:
|
| Dados retirados do W3School |
Diferenças entre HTML 4.01 e o HTML5
O atributo align não é suportado no HTML5. Caso necessite usar esse atributo, deve ser utilizado através do CSS.Tag para quebra de linha
Essa tag serve para quebrar uma linha em seu texto. A tag insere uma única quebra de linha. Como a tag é uma tag vazia, ela não possui tag de fechamento. A tag deve ser usada somente para quebra de linhas e não para separar parágrafos. Visualize o exemplo a seguir:Essa é minha primeira página HTML, aqui estou aprendendo a desenvolver um site do zero.<br>Estou aprendendo Tag por Tag, para tentar desenvolver um site e um dia finalmente publica-lo. <br>Não conheço muito de HTML, mas cada passo é algo novo desafiador.O exemplo acima deve ser mostrado pelo seu navegador da seguinte maneira:
Essa é minha primeira página HTML, aqui estou aprendendo a desenvolver um site do zero.
Estou aprendendo Tag por Tag, para tentar desenvolver um site e um dia finalmente publica-lo.
Não conheço muito de HTML, mas cada passo é algo novo desafiador.
Conforme imagem abaixo, todos os navegadores suportam esse elemento:
|
| Dados retirados do W3School |
Comentários
Postar um comentário