É uma etiqueta de Cabeçalho, usada para formatar um cabeçalho ou um tópico de uma seção.
Abre com a etiqueta <h> e fecha com sua respectiva etiqueta com a barra, </h>.
Abre com a etiqueta <h> e fecha com sua respectiva etiqueta com a barra, </h>.
A etiqueta <h> contém seis níveis de tamanho de Cabeçalho, que vai de 1 a 6.
Sendo que nesse caso o nível 1 é maior, e o nível 6 o menor.
Veja como funciona na estrutura:
Sendo que nesse caso o nível 1 é maior, e o nível 6 o menor.
Veja como funciona na estrutura:
<html>
<head>
<title> Etiqueta de Cabeçalho </title>
</head>
<body>
<h1> Cabeçalho de nível 1 </h1>
<h2> Cabeçalho de nível 2 </h2>
<h3> Cabeçalho de nível 3 </h3>
<h4> Cabeçalho de nível 4 </h4>
<h5> Cabeçalho de nível 5 </h5>
<h6> Cabeçalho de nível 6 </h6>
</body>
</html>
Digite no bloco de notas ou copie e cole, depois salve.
Agora veja como ficou, abrindo com o navegador.
Essa estrutura ficará assim:
Essa estrutura ficará assim:
Atributos da etiqueta <h>
Agora vamos ver os atributos da etiqueta <h>.
Os atributos definem se o texto vai ficar centralizado, a direita, ou a esquerda; também define as propriedades do texto como negrito, itálico, etc.
align
Define o alinhamento do elemento formatado.
Quando não se coloca nenhum alinhamento, o texto é alinhado à esquerda, como padrão.
Existe três tipos de alinhamento para a etiqueta <h>:
center
Define o texto com o Alinhamento centralizado.
Define o texto com o Alinhamento centralizado.
<h1 align=”center”> Centralizado </h3>
left
Define o texto com o alinhamento à esquerda.
Define o texto com o alinhamento à esquerda.
<h2 align=”left”> À esquerda </h3>
right
Define o texto com o alinhamento à direita.
Define o texto com o alinhamento à direita.
<h3 align=”right”> À direita </h3>
Na estrutura fica assim:
<html>
<head>
<title> etiqueta de cabeçalho</title>
</head>
<body>
<h1 align=”center”> Centralizado</h3>
<h2 align=”left”> À esquerda </h2>
<h3 align=”left”> À direita </h2>
</body>
</html>
style
São valores que modificam as propriedades do texto, como tamanho da fonte, tipo da fonte, e cor.
São valores que modificam as propriedades do texto, como tamanho da fonte, tipo da fonte, e cor.
Veja os valores do Style:
style="color: blue"
Define a cor do texto do cabeçalho.
<h3 align="center" style="color:blue" > Centralizado </h3>
Define a cor do texto do cabeçalho.
<h3 align="center" style="color:blue" > Centralizado </h3>
style="font-family: arial, verdana"
Define o tipo de fonte usada no texto do cabeçalho.
Define o tipo de fonte usada no texto do cabeçalho.
<h3 align="center" style="font-family: arial, sans-serife, verdana, cambria"> Centralizado </h3>
style="font-size:30pt"
Define o tipo de fonte usada no texto do cabeçalho.
Define o tipo de fonte usada no texto do cabeçalho.
<h3 align="center" style="font-size:30pt"> Centralizado</h3>
Nota se que o valor atribuído ao style fica entre aspas, e é separado por dois ponto e não pelo sinal de igual.
Veja uma estrutura com esses dados:
<html>
<head>
<title> etiqueta de cabeçalho </title>
</head>
<body>
<h3 align="center" style="color:blue; font-family:arial; verdana;
font-size:24pt"> Centralizado </h3>
<h2 align="left" style="color:red; font-family:arial; verdana;
font-size:24pt"> à esquerda </h2>
<h1 align="right" style="color:gold; font-family:verdana; font-
size:24pt"> à direita </h1>
</body>
</html>
Veja como aparecerá no navegador:
Veja agora, na próxima postagem tudo sobre a etiqueta <p>.
Deixe um comentário, será muito importante ver que tenho sua participação nesse artigo assim como nos demais artigos, para que eu possa melhorar ainda mais esse Blog.
E não esqueça de se inscrever nesse Blog.
Até a próxima postagem.
Nenhum comentário:
Postar um comentário