Ex1 html

1

Click here to load reader

Transcript of Ex1 html

Page 1: Ex1 html

Layout do Site em Tabelas

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="500" border="0">

<tr>

<td colspan="2" style="background-color:#FFA500;">

<h1>Benvindos ao meu Site</h1>

Aqui pode colocar um Banner….

</td>

</tr>

<tr>

<td style="background-color:#FFD700;width:100px;">

<b>Menu</b><br>

Exercício 1<br>

Exercício 2<br>

Exercício 3

</td>

<td style="background-color:#EEEEEE;height:200px;width:400px;">

Aqui vai escrever tudo que já aprendeu sobre a Criação de Páginas

Web- usando o código HTML.

Escreva a sua opinião

Pode também inserir imagens como aprendeu </td>

</tr>

<tr>

<td colspan="2" style="background-color:#FFA500;text-

align:center;">

Copyright © CHP.Org - 2013</td>

</tr>

</table>

</body>

</html>

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

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

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

Por: Kundan Narendra

5 de Setembro de 2013