Oficina da Net

Assine nosso RSS - Assine o RSS e receba as novidades do site em seu leitor.

Oficina da Net » Programação » HTML

Curso de HTML - Aula 2

Publicado em: 22/04/2008 | HTML | Visualizações: 1.863 | 1 Comentário(s)

Versão para

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

<html>

<head>

   <title> Curso de HTML</title>

</head>

<body>

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

</body>

</html>

Além dessas Tags, podemos acrescentar mais uma, chamada <meta>. 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:

<meta name="item_configurado" content="configuracao">

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 <meta> inserida na estrutura básica.

<html>

<head>

   <title> Curso de HTML</title>

   <meta name="generator" content="Página escrita diretamente no código HTML">

   <meta name="author" content="Jonathan Lamim Antunes e Oficina da net">

   <meta name="description" content="Curso de HTML">

   <meta name="keywords" content="HTML, Oficina da Net, Curso">

</head>

<body>

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

</body>

</html>

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

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

Sintaxe:
<link rel="stylesheet" type="text/css" href="estilo.css">

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

Sintaxe:
<script language="linguagem" src="arquivo"></script>

<base>
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 <head> do documento.

Sintaxe:
<base=URL_base>

Exemplo:
<head>
   <base=http://www.url_base.com>
</head>
<a href="/jogos/jogos.html">Jogos</a>

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 <body>...</body>.

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

Sintaxe:
<body     bgcolor=cor de fundo
              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.

<html>

<head>

   <title> Curso de HTML – Aula 2</title>

   <meta name="generator" content="Página escrita diretamente no  

código HTML">

   <meta name="author" content="Jonathan Lamim Antunes e Oficina da  

net">

   <meta name="description" content="Curso de HTML">

   <meta name="keywords" content="HTML, Oficina da Net, Curso">

</head>

<body   background="fundo.jpg" bgproperties="fixed"

              text="#000000"

              alink="#000000"

              link="#fcfcfc"

              vlink="red"

              topmargin="35"

              leftmargin="25">

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

<a href="index.html">Esse é um exemplo de link com mudança de cor.</a>

</body>

</html>

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.

compartilhe