SlideShare uma empresa Scribd logo
1 de 1
Baixar para ler offline
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;textalign: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

Mais conteúdo relacionado

Destaque

oli & fat Assignment no 2
 oli & fat Assignment no 2 oli & fat Assignment no 2
oli & fat Assignment no 2Abdul Moiz Dota
 
Instruccións per a la tramitació del carnet mou
Instruccións per a la tramitació del carnet mouInstruccións per a la tramitació del carnet mou
Instruccións per a la tramitació del carnet mouCristina Muñoz
 
Pelatihan "CREDIT ANALYSIS" bagi para karyawan PT Asuransi ASEI Indonesia & B...
Pelatihan "CREDIT ANALYSIS" bagi para karyawan PT Asuransi ASEI Indonesia & B...Pelatihan "CREDIT ANALYSIS" bagi para karyawan PT Asuransi ASEI Indonesia & B...
Pelatihan "CREDIT ANALYSIS" bagi para karyawan PT Asuransi ASEI Indonesia & B...Kanaidi ken
 
Types of Otitis Media by Dr. Haseeb Ahmed - dec 2011
Types of Otitis Media by Dr. Haseeb Ahmed - dec 2011Types of Otitis Media by Dr. Haseeb Ahmed - dec 2011
Types of Otitis Media by Dr. Haseeb Ahmed - dec 2011Haseeb Ahmed Bhatti
 

Destaque (9)

oli & fat Assignment no 2
 oli & fat Assignment no 2 oli & fat Assignment no 2
oli & fat Assignment no 2
 
Instruccións per a la tramitació del carnet mou
Instruccións per a la tramitació del carnet mouInstruccións per a la tramitació del carnet mou
Instruccións per a la tramitació del carnet mou
 
Pelatihan "CREDIT ANALYSIS" bagi para karyawan PT Asuransi ASEI Indonesia & B...
Pelatihan "CREDIT ANALYSIS" bagi para karyawan PT Asuransi ASEI Indonesia & B...Pelatihan "CREDIT ANALYSIS" bagi para karyawan PT Asuransi ASEI Indonesia & B...
Pelatihan "CREDIT ANALYSIS" bagi para karyawan PT Asuransi ASEI Indonesia & B...
 
Vigilancia epidemiologica 2014
Vigilancia epidemiologica 2014Vigilancia epidemiologica 2014
Vigilancia epidemiologica 2014
 
Relatoria
RelatoriaRelatoria
Relatoria
 
Renault
RenaultRenault
Renault
 
MAN
MANMAN
MAN
 
Scania
ScaniaScania
Scania
 
Types of Otitis Media by Dr. Haseeb Ahmed - dec 2011
Types of Otitis Media by Dr. Haseeb Ahmed - dec 2011Types of Otitis Media by Dr. Haseeb Ahmed - dec 2011
Types of Otitis Media by Dr. Haseeb Ahmed - dec 2011
 

Semelhante a Ex1 html

Semelhante a Ex1 html (20)

HTML + CSS
HTML + CSSHTML + CSS
HTML + CSS
 
Aula 1 linguagem html (1)
Aula 1   linguagem html (1)Aula 1   linguagem html (1)
Aula 1 linguagem html (1)
 
HTML Básico
HTML BásicoHTML Básico
HTML Básico
 
Javascript truquesmagicos
Javascript truquesmagicosJavascript truquesmagicos
Javascript truquesmagicos
 
Curso de html
Curso de htmlCurso de html
Curso de html
 
Html5 workshop
Html5 workshopHtml5 workshop
Html5 workshop
 
Ficha html e css
Ficha   html e cssFicha   html e css
Ficha html e css
 
Criando Temas com Diazo
Criando Temas com DiazoCriando Temas com Diazo
Criando Temas com Diazo
 
A87c5f081429cf
A87c5f081429cfA87c5f081429cf
A87c5f081429cf
 
Sistemas Corporativos Web - WordPress Aula03
Sistemas Corporativos Web - WordPress Aula03Sistemas Corporativos Web - WordPress Aula03
Sistemas Corporativos Web - WordPress Aula03
 
HTML_Manual_CursoBasico.pdf (Hypertext Markup Language)
HTML_Manual_CursoBasico.pdf (Hypertext Markup Language)HTML_Manual_CursoBasico.pdf (Hypertext Markup Language)
HTML_Manual_CursoBasico.pdf (Hypertext Markup Language)
 
Html - Aula 3
Html - Aula 3Html - Aula 3
Html - Aula 3
 
Web design responsivo e adaptativo - HTML5/CSS3
Web design responsivo e adaptativo - HTML5/CSS3Web design responsivo e adaptativo - HTML5/CSS3
Web design responsivo e adaptativo - HTML5/CSS3
 
Trabalho de HTML, CSS e JavaScript - Eduardo Bertolucci - UNOPAR 2010
Trabalho de HTML, CSS e JavaScript - Eduardo Bertolucci - UNOPAR 2010Trabalho de HTML, CSS e JavaScript - Eduardo Bertolucci - UNOPAR 2010
Trabalho de HTML, CSS e JavaScript - Eduardo Bertolucci - UNOPAR 2010
 
HTML5 & CSS3
HTML5 & CSS3HTML5 & CSS3
HTML5 & CSS3
 
Dreamweaver aula 1
Dreamweaver aula 1Dreamweaver aula 1
Dreamweaver aula 1
 
Css tutorial
Css tutorialCss tutorial
Css tutorial
 
Aula html5
Aula html5Aula html5
Aula html5
 
HTML
HTMLHTML
HTML
 
Mini curso introdutório ao Django
Mini curso introdutório ao DjangoMini curso introdutório ao Django
Mini curso introdutório ao Django
 

Ex1 html

  • 1. 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;textalign: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