Este documento fornece instruções para criar um layout de site de restaurante com duas colunas usando HTML. Ele inclui código para adicionar um título, imagem de fundo, linhas horizontais, lista não ordenada, parágrafos, tabela com três colunas e links e imagens.
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Ex3 html
1. 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