HTML: Títulos


HTML: Títulos

(Elivelto Ebermam)

Em html existem tags para inserir títulos. Os títulos são definidos por níveis, sendo o nível 1 o mais importante. Temos as seguintes tags de títulos em html:

Tag
Exemplo de uso
Descrição
<h1>
<h1> Título </h1>
Título de nível 1
<h2>
<h2> Subtítulo </h2>
Título de nível 2
<h3>
<h3> Outro título </h3>
Título de nível 3
<h4>
<h4> Outro título </h4>
Título de nível 4
<h5>
<h5> Outro título </h5>
Título de nível 5
<h6>
<h6> Outro título </h6>
Título de nível 6

Eles são usados da mesma forma que se usa os parágrafos: tem abertura da tag, o texto e fechamento da tag.
Lembrando que, para uma página html, não basta escrever apenas o trecho dos títulos, é necessário escrever toda a estrutura da página. O trecho do título deve estar dentro da tag <body>. Veja o exemplo abaixo:

<html>
    <head>
        <title> Exemplo </title>
    </head>
    <body>
        <h1> Título </h1>
    </body>
</html>

Se inserimos esse código no editor online do site W3Schools [1], disponível no link https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default , temos o seguinte resultado:




Como resultado temos a palavra “Título” escrita na parte direita da imagem. Note que as letras aparecem bem destacadas e em negrito.
Agora veja outro exemplo, de um título seguido por um parágrafo:



Agora vamos inserir um título de nível 2 também:




E por último um exemplo envolvendo todos os níveis de títulos:


Referências


[1] HTML Tutorial. W3Schools,  2020. Disponível em <https://www.w3schools.com/html/>. Acesso em: 18 de mai. de 2020.

Comentários

Postagens mais visitadas deste blog

CSS: margin, padding e border

HTML: Formulários - caixas de texto

CSS: Introdução