Breve tutorial de HTML

Frame

O frame consiste em montar quadros na sua página onde em cada quadro você coloca um arquivo html, criando a possibilidade de, por exemplo, fazer apenas um menu para ser utilizado por todas páginas.

Estrutura

<html> marca o início da página

<head> início do cabeçalho

<title> título da página

</head>fecha o cabeçalho

<frameset> início do frame

</frameset>fim do frame

</html>fim da página

Vamos agora ver como criar uma página com três frames, uma do lado esquerdo, e do lado direito um cabeçalho e o corpo, como no seguinte esquema:

esquerda

cima

conteudo

<HTML>
<HEAD><TITLE>Página com Frames</TITLE></HEAD>

</FRAMESET>

<NOFRAMES>
<BODY BGCOLOR="#FFFFFF">
Esta página usa frames, mas o seu browser não as consegue visualizar.
</BODY>
</NOFRAMES>
</HTML>

Para definir frames, utiliza-se o ‘tag’ <FRAMESET>. Como não se trata propriamente do corpo da página, este ‘tag’ define uma área após a área <HEAD>, mas não contido dentro do ‘tag’ <BODY>. Ao utilizar o parâmetro COLS, divide a página em colunas, neste caso definidas por "160,*". Isto significa que são criadas duas, uma com 160 pixeis de largura e outra que ocupa o resto do espaço disponível no ecrã. As medidas das frames podem ser fornecidas em pixeis, em percentagem do espaço disponível ou por um asterisco, que significa ‘o resto’. Estas colunas são definidas da esquerda para a direita. Temos também BORDER e FRAMESPACING, que definem a borda e o espaçamento entre frames.

A segunda coluna que definimos é então ocupada por um novo <FRAMESET>, este agora que divide essa área em duas linhas, utilizando ROWS. De forma semelhante a COLS, ROWS divide a área a que diz respeito em linhas, lidas de cima para baixo.

No final temos ainda uma estranha área<NOFRAMES>. Esta, que dentro de si contém uma área<BODY>, destina-se a alojar o conteúdo do corpo da página visível nos browsers antigos (anteriores ao Netscape 2.0), que não suportam frames.

Menu

Estrutura HTML

Formatação

Inserindo Figura

Inserindo Link

Listas

Tabela

Frame