Você está na página 1de 5

TLP - Técnicas e Linguagens de Programação 12ª Classe Ano lectivo: 2021/22

Lição n° 20,21
Sumário: – Tabelas e Frames

Uma das coisas que devemos obter na criação dos nossos sites é uma aparência agradável
e que o conteúdo das suas páginas estejam organizados.
Hoje estudaremos algumas tags que nos vão ajudar melhorar a visualização do nosso site.

TABELAS

As tabelas são muito importantes para o designer de página web. Com elas
podemos fazer alinhamento que dificilmente seriam possíveis com simples comandos.
A funcionalidade de uma tabela faz com que um determinado site tenha um aspecto
mais profissional e o usuário possa navegar de forma mais fácil e eficiente, pois os
objetos estão melhor posicionados na página.
As tabelas podem conter elementos simples, agrupando filas e colunas.

A tag para inserir uma tabela é <table>. Para iniciar uma linha devemos introduzir a tag
<tr> e para uma coluna usamos a tag <td>. Todos esses comandos são encerrados pelas
tags </table>, </tr> e </td> respectivamente.
Temos ainda uma particularidade, a tag <th> que realça o conteúdo que encontra dentro
das colunas.
Exemplo:
Vamos construir uma tabela 2x3 simples, ou seja, de 3 colunas por duas linhas, com a
primeira linha realçada.

Abraão André Gila Dala | master.gone@hotmail.com | 921 79 79 07 / 913 356 358


TLP - Técnicas e Linguagens de Programação 12ª Classe Ano lectivo: 2021/22

<HTML>
<HEAD>
<TITLE> Desenvolvimento Web</TITLE>
</HEAD>
<BODY>
<TABLE BORDER=“1”>
<TR> // Primeira Linha
<TH> Primeira coluna </TH>
<TH> Segunda coluna</TH>
<TH> Terceira coluna</TH>
</TR>
<TR> // Segunda Linha
<TD> Primeira coluna </TD>
<TD> Segunda coluna</TD>
<TD> Terceira coluna</TD>
</TR>
</TABLE>
</BODY>
</HTML>

<TABLE>, PRINCIPAIS ATRIBUTOS

<TR>, PRINCIPAIS ATRIBUTOS

Abraão André Gila Dala | master.gone@hotmail.com | 921 79 79 07 / 913 356 358


TLP - Técnicas e Linguagens de Programação 12ª Classe Ano lectivo: 2021/22

<TD>, PRINCIPAIS ATRIBUTOS

FRAMES

Os frames são divisões da tela do browser. Com isso é possível apresentar mais de uma
página por ver: por exemplo, um índice principal numa parte pequena da tela e os textos
relacionados ao índice na outra parte.
Neste tópico, aprenderemos a fazer páginas em frames, ter alguma dicas para melhorara
a visualização do nosso site dentro das frames e usar esse importante recurso de maneira
certa e apropriada.
Um documento com o frames tem a estrutura básica como um documento normal e a
tag <body> é substituída pela tag <frameset> e cada sub-documento conterá uma tag
<frame> para cada subpágina.

Traduzidos seria algo como quadros, ou seja, áreas definidas dentro de uma mesma
janela, cada qual com uma página independente com seu próprio código, suas cores,
titulo, etc.
O uso de frames em HTML é feito pela tag <frameset>. Nesta tag, os atributo rows e
cols definem respectivamente, o número de subespaços horizontais e verticais e podem
ser usados para criar o efeito de grade.
Exemplo:
Vamos criar uma página com divisões iguais.

<frameset cols="30%,90%">

<frame src="Cadastro.html">

<frame src="Preço.html">

</frameset>

Abraão André Gila Dala | master.gone@hotmail.com | 921 79 79 07 / 913 356 358


TLP - Técnicas e Linguagens de Programação 12ª Classe Ano lectivo: 2021/22

Abraão André Gila Dala | master.gone@hotmail.com | 921 79 79 07 / 913 356 358


TLP - Técnicas e Linguagens de Programação 12ª Classe Ano lectivo: 2021/22

Fim

Obrigado!

Abraão André Gila Dala | master.gone@hotmail.com | 921 79 79 07 / 913 356 358

Você também pode gostar