Curso de HTML - Aula 2

Nesta segunda aula vamos conhecer algumas Tags suas respectivas propriedades, possibilitando ao final da aula criar uma página simples.

Por | @jonathanlamimkt Programação
Como vimos na aula anterior, existe uma sintaxe básica para criar um documento HTML. Vejamos novamente essa sintaxe e em seguida vejamos alguns complementos para essa sintaxe.

Estrutura Mínima de um Documento HTML




   Curso de HTML


Área onde entrará o conteúdo da página (dados e tags).



Além dessas Tags, podemos acrescentar mais uma, chamada . Essa Tag é a encarregada de fornecer as informações sobre o documento aos mecanismos de buscas da internet.
Com essa Tag é possível indicar o nome do autor do documento, data da última atualização, palavras chave e descrição para utilização das ferramentas de buscas. É possível também definir um tempo, em segundos, que a página ficará na janela do browser (navegador) e indicar também que página será aberta após o fim do tempo especificado.

Veja abaixo a sintaxe dessa tag:



NAME: aceita os parâmetros:
GENERATOR: indica o programa utilizado para a criação da página. O nome do Programa deve ser indicado em CONTENT.
AUTHOR: Irá conter o nome do autor, que deverá ser especificado em CONTENT
DESCRIPTION: Descrição da página. O texto descritivo deverá estar em CONTENT.
KEYWORDS: Palavras chave para a busca de sua página, que deverão ser indicadas em CONTENT.

Veja no exemplo abaixo como fica o código da página com a tag inserida na estrutura básica.



   Curso de HTML
  
  
  
  


Área onde entrará o conteúdo da página (dados e tags).



Existem ainda algumas Tags muito utilizadas, na criação de documentos HTML. Vejamos a sua sintaxe e sua funcionalidades.


Ela faz a ligação com um elemento externo à página, como por exemplo um arquivo que define estilos para a página.

Sintaxe:



Ela define área de retinas em linguagens de script, como por exemplo, JavaScript, VBScript, PERL, etc.

Sintaxe:



Essa Tag define a URL base para utilização de link e referências. Ela marca uma URL base para buscas de arquivos em determinada página. Essa Tag é definida dentro da Tag do documento.

Sintaxe:


Exemplo:

  

Jogos


Esse exemplo define como URL base HTTP://www.url_base.com, e depois define um link para a página jogos.html, que está localizada dentro da pasta jogos. O uso dessa Tag faz com que seja possível usar o endereço da página externa para o link de forma reduzida, facilitando a sua aplicação.

Para concluirmos essa aula, vamos ver os atributos de configuração da Tag ....

A Tag ... é responsável pelo conteúdo da página, nela estarão contidas todas as demais Tags de formatação do documento.

Sintaxe:
              background=papel de parede (permite usar imagens GIF ou JPG)
              text=cor do texto
              alink=link pressionado
              link=cor do link
              vlink=link visitado
              topmargin=margem superior
              leftmargin=margem esquerda>

O parâmetro background aceita o argumento bgproperties, que se for definido como fixed, permite a utilização de uma imagem como marca d’água, o que faz com que a imagem fique fixa durante a rolagem da página.

Veja abaixo um exemplo de página HTML usando as Tags estudadas até o momento.



   Curso de HTML – Aula 2
  
  
  
  

              text="#000000"
              alink="#000000"
              link="#fcfcfc"
              vlink="red"
              topmargin="35"
              leftmargin="25">

Área onde entrará o conteúdo da página (dados e tags).


Esse é um exemplo de link com mudança de cor.



Clique aqui para ver este exemplo em funcionamento.

Terminamos nossa segunda aula. Com bastante esforço e dedicação em breve você já estará criando suas próprias páginas.
Na próxima aula veremos as Tags usadas para a formatação de textos.

Para tirarem suas dúvidas sobre as aulas do curso, basta enviar um e-mail para cursohtml2008@gmail.com e seu e-mail será respondido o mais breve possível, não atrapalhando o andamento do seu curso. Ao enviar o e-mail, não esqueça de identificar a aula na qual você teve dúvidas.
Até a próxima.

Mais sobre: curso_html
Share Tweet
Recomendado
Comentários
Carregar comentários
Destaquesver tudo