Ex3 html

Exercício 3: 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> Restaurante Coma BEM! </title> </head>

<body background=”comida.jpg" text="brown">

<font face="Arial" size="4" color="white" </font> <br><br>

<HR SIZE="4" COLOR="#00FF00" ALIGN="center" width="300"> <center>

<b><i> Cardápio: </b></i>

<br> <b><i> Escolha seu prato </b></i> </center>

<HR SIZE="6" COLOR="#00FF00" ALIGN="center" width="200">

<DIV ALIGN="justify">Os Nossos pratos são divididos em 3 categorias:

<br> <ul>

<li>Culinária Local</li>

<li>Culinária Japonesa</li>

<li>Variedades gastronômicas</li>

</ul> <br><br> </div>

<P> <DIV ALIGN="justify"> Nossos pratos são preparados com os melhores ingredientes.

Selecionados por quem entende do assunto de gastronomia. Qualquer dúvida procure os

nossos CHEFES de plantão.</DIV> </P>

<TABLE BORDER=1> <! Inicia a tabela e coloca uma borda de espessura igual a 1>

<TR> <! Cria a primeira linha da tabela>

<TD width="100">Local</TD> <! Aqui foi criada uma célula>

<TD width="150">Japonesa</TD>

<TD width="200">Variedades </TD>

</TR> <! Fecha a primeira linha da tabela>

<TR> <! Abre a segunda linha da tabela>

<TD> Caril</TD>

<TD>Sushi</TD>

<TD>Vegetais grelhados ao óleo madeira</TD>

<TR> <! Encerra a Segunda linha da tabela>

</TABLE> <! Encerra a tabela>

<P> <DIV ALIGN="center"> <b><i><u>Confira os modelos abaixo:</b></i></u> </DIV>

</P><br><br>

<a href="http://www.google.pt" target="_blank"> Site de Pesquisa </a>

<br><br><br> <img src="galinha.jpg">

</body>

</html>

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

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

Por: Kundan Narendra

9 de Setembro de 2013

http://www.google.pt/

Ex3 html

Technology

Transcript of Ex3 html