segunda-feira, 26 de agosto de 2013

Conhecendo outras Tags Html

No post anterior falamos um pouco sobre a linguagem Html, se ainda não leu essa introdução clique aqui. Agora vamos dar continuidade ao nosso estudo, focando outras tags Html. Vimos que tags são os comandos de formatação delimitados entre os símbolos <> e </>, agora vamos conhecer primeiro uma tag importante que encontraremos em praticamente todo documento html: O Head.
O Head é uma tag usada para delimitar o cabeçalho do site, é por esse motivo que as tags title, que vimos no artigo anterior, devem ser colocadas entre as tags Head, assim:

<html>
<head> 
  
<title> Aqui coloque qualquer nome</title>

</head>

</html>

OBS: Lembre-se que você tem que digitar esses códigos html em qualquer editor de texto, um exemplo de editor de texto próprio para esse trabalho é o bloco de notas do windows. Você tem que digitar no editor de texto e salvar com qualquer nome e colocar no final .html.

Na sequência, temos que colocar a próxima tag importante, a tag Body. Essa tag é responsável por delimitar o corpo do texto, temos que colocar essa tag depois da tag de fechamento </head>, assim:

<html>
<head>

<title>coloque qualquer nome</title>

</head>

<body>

Tudo que digitar dentro da tag vai aparecer no navegador!


</body>

</html>



Toda tag possui o que chamamos de atributos, que são as formatações que podemos fazer nessa tag, mudança de cores da fonte, aumento de fonte, tipo de fonte, cor de fundo, etc.

Atributos da tag BODY

Através dos atributos da tag Body podemos definir cores para os textos , links e para o fundo das páginas, bem como também imagem de fundo.

Principais atributos da tag Body:

  1. BGCOLOR: Serve para pôr cor de fundo da página.
  2. TEXT: Cor do texto do documento.
  3. LINK:Cor do link do documento.
  4. VLINK: Cor do link visitado do documento.
  5. ALINK: Cor do link ativo, quando clicamos com mouse.
  6. BACKGROUND: Indica a cor ou o endereço da imagem que será aplicada como fundo da página.
  7. BOTTOMMARGIN: Especifica a margem de fundo do documento. É a distância entre a borda da janela e o corpo do documento. Entenderemos isso mais para a frente.
  8. TOPMARGIN: Especifica a margem do topo do documento sobrepondo o valor da margem padrão.
  9. LEFTMARGIN: Especifica a margem esquerda do documento.
  10. RIGHTMARGIN: Especifica a direita do documento.
Vamos usar como exemplo o uso do primeiro atributo da lista, o atributo BGCOLOR, temos que digitar o atributo dentro da tag de abertura e depois o símbolo =, acrescido do código referente à cor desejada, para saber qual cor usar acesse esse site:
<html>
<head>

<title>coloque qualquer nome</title>

</head>

<body bgcolor="#1E90FF">

Tudo que digitar dentro da tag vai aparecer no navegador!


</body>

</html>

Observe que o código da cor deve ser colocado entre aspas (""). Veja como ficou o fundo da página:


Nosso estudo de hoje fica por aqui, na próxima veremos sobre os diferentes tipos de cabeçalho em html, até a próxima.

  

    

1 comentários:

jhoz disse...

SEjam todos bem vindos comentem aqui

‹‹ Postagem mais recente Postagem mais antiga ››