Ex3 html
-
Upload
kundan-narendra -
Category
Technology
-
view
32 -
download
1
Transcript of 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