Guia Prático HTML

Lição 4 - A base do HTML “Tags”

Quanto às Tags serem escritas em maiusculas ou letras minusculas, não faz diferença nenhuma, mas crie o hábito de escrever em letras minusculas, por uma questão prática.

Então e onde as escrever, ai está, já falamos no Notepad que deverá ser guardado em formato HTML, simples, hein.

Aí está a chave, a base de toda a linguagem HTMl, as TAGS.
"Tags"?

As Tags são rótulos que informam e determinam no Browser(navegador) como vai aparecer o seu Website.

O formato de todas as Tags é o mesmo: começa com um sinal de menor "<" e acaba com um sinal de maior ">".

Em termos gerias, existem dois tipos de tags - tags de abertura: <comando> e tags de fecho: </comando>. A diferença entre elas é que na tag de fecho existe uma barra "/".

O que estiver inserido entre uma tag de abertura e uma tag de fecho será processado e apresentado segundo o próprio comando inserido nessa  tag.

Existe uma excepção no HTML é que nalgumas Tags, a abertura e fecho se processa na mesma Tag.  Essas tags tem comandos que se apresentam sem necessidade de conteúdo para serem apresentados,  são comandos isolados, mais funcionais, atributivos,  por exemplo, para saltar uma  linha em que não precisa de conteúdo é o comando da Tag  <br />.

Ai está o "segredo" do HTML; tudo se resume a Tags, então aprender HTML é aprender as diferentes Tags e comandos, lógico, não  é?

Alguns exemplos: a Tag <b> determina ao browser (navegador)  que leia e apresente todo o conteúdo , texto inserido entre a tag de abertura  <b> e tag de fecho </b> para  ser mostrado em negrito.
(O comando "b" é uma abreviação para "bold" - negrito.)

Exercicio 1: <b>O texto inserido aqui vai aparecer em negrito.</b> : no browser navegador vai aparecer assim : O texto inserido aqui vai aparecer em negrito.

As tags de cabeçalho <h1>, <h2>, <h3>, <h4>, <h5> e <h6> indicam  o navegador que é um cabeçalho (h vem de "heading" - cabeçalho ), sendo <h1> o cabeçalho mais importante (1º nível) e que se apresenta com o maior tamanho de texto, <h2> o cabeçalho seguinte  com tamanho de texto um pouco menor que o anteriore <h6> o cabeçalho menos importante  (6º nível)  como é óbvio com o menor tamanho de texto. Estas Tags são fundamentais para os motores de busca e os spiders-bots e crawlers (ver http://ganhar.noble7fix.com)

                    Exercicio 2: