Ex2 html

1
Exercício 2: Site em Tabelas – 2 colunas Neste exercício, vai criar um Layout que servirá para aplicar a todo o Site. 1- Abra um novo ficheiro no Bloco de Notas, e digite o seguinte código: <html> <head> <title> Exemplo Layout Site </title> </head> <body> <table width="100%" border="0"> <tr valign="top"> <td style="background-color:#FFCCFF;width:20%; text-align:top;"> <b> Menu Principal</b><br /> HTML<br /> PHP<br /> PERL... </td> <td style="background-color:#eeeeee;height:200px; width:60%;text-align:top;"> Exercício HTML- com criação de Páginas e Tabelas com 2 Colunas </td> <td style="background-color:#FFCCFF; width:20%;text-align:top;"> <b> Menu Direito</b><br /> HTML<br /> PHP<br /> PERL... </td> </tr> <table> </body> </html> 2- Guarde o ficheiro com o nome: exTabelas1.htm 3- A seguir, vai testar a Página web no Web Browser. 4- Tire as conclusões do exercício. Por: Kundan Narendra 9 de Setembro de 2013

Transcript of Ex2 html

Page 1: Ex2 html

Exercício 2: Site em Tabelas – 2 colunas

Neste exercício, vai criar um Layout que servirá para aplicar a todo o Site.

1- Abra um novo ficheiro no Bloco de Notas, e digite o seguinte código:

<html>

<head> <title> Exemplo Layout Site </title> </head>

<body>

<table width="100%" border="0">

<tr valign="top">

<td style="background-color:#FFCCFF;width:20%;

text-align:top;">

<b> Menu Principal</b><br />

HTML<br />

PHP<br />

PERL...

</td>

<td style="background-color:#eeeeee;height:200px;

width:60%;text-align:top;">

Exercício HTML- com criação de Páginas e Tabelas com

2 Colunas

</td>

<td style="background-color:#FFCCFF;

width:20%;text-align:top;">

<b> Menu Direito</b><br />

HTML<br />

PHP<br />

PERL...

</td>

</tr>

<table>

</body>

</html>

2- Guarde o ficheiro com o nome: exTabelas1.htm

3- A seguir, vai testar a Página web no Web Browser.

4- Tire as conclusões do exercício.

Por: Kundan Narendra

9 de Setembro de 2013