Resumo de Html Básico Headings (Cabeçalhos) -

HTML TÍTULOS (HEADINGS)

Os títulos HTML são elementos importantes em documentos HTML.

Os títulos (headings) são definidos pelas tags <h1> até <h6>.

<h1> definem os títulos maiores e <h6> defnem os títulos menores.

Exemplo:

<h1>Isto é um título</h1>
<h2>Isto é um título</h2>
<h3>Isto é um título</h3>

Tente você mesmo: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_headers

NOTA: Os browsers inserem automaticamente uma linha vazia antes e uma depois dos títulos.

______________________________________________________________________________
HEADINGS (TÍTULOS) SÃO IMPORTANTES

Utilize as tags <h> unicamente para títulos, não as utilize com propósito diferente como letras maiores ou negrito somente.

Sites de busca utilizam seus títulos par indexar a estrutura e o conteúdo de suas páginas web.

Como os usários podem visualizar um link de resumo da sua página no resultado de uma pesquisa em um site de busca, é importante utilizar títulos (heaings) para exibir corretamente a estrutura do documento.

As tags h1 deem ser utilizados nos títulos principais, seguidos pela tag h2 para os subtítulos, em seguida h3 para ítens dos subtítulos e assim por diante.

_______________________________________________________________________________
LINHAS HTML

A tag <hr /> cria uma linha horizontal no documento HTML.

O elemento hr pode ser usado para separar conteúdos na página web.

Exemplo:

<p>Isto é um parágrafo</p>
<hr />
<p>Isto é um parágrafo</p>
<hr />
<p>Isto é um parágrafo</p>

Tente você mesmo: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_hr

_______________________________________________________________________________
COMENTÁRIOS HTML

Comentários podem ser inseridos nos códigos HTML para torná-los mais inteligíveis, principalmente no desenvolvimento em equipe.

Comentários são ignorados pelos browsers e não geram nenhuma diferença nas páginas web.

Exemplo:



Tente você mesmo: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_comment

NOTA: Existe um ponto de exclamação no parêntese angular de abertura, mas nenhum no parêntese de fechamento.

_______________________________________________________________________________
DICA HTML - COMO VER O CÓDIGO-FONTE DA PÁGINA WEB

Você já viu uma página web e se perguntou: "Ei! Como eles fzeram isso?"

Para descobrir, clique com o botão direito do mouse sobre a página web e selecione a opção "exibir código-fonte" ou opção similar (view page source ou view source) - o nome da opção muda um pouco de acordo com o browser: Internet Explore, Firefox, Chrome, etc; e da língua do programa (português ou inglês).

_______________________________________________________________________________
REFERÊNCIA DAS TAGS HTML

Visite o apêndice do curso com a referência das TAGS para conhecê-las com mais profundidade.

(Link a ser inserido neste espaço).

Resumos Relacionados