aClWvsTHtX&Sec AHSqidYHOIStZae02C82cRH1 kG30HQ tKF6U4Zl AfnMHgurpoZTkzU78yD5zuiYTUMh PXZ 7&a Gp&Filename Fichas+de+Trabalho+HTML

Ficha de Trabalho n1 HTML
Temas abordados: Definio de um documento HTML; Cabealho; Corpo; Titulo da pgina; Pargrafos; Quebras de linha; Ttulos.
1. Abra o Bloco de Notas e digite o seguinte cdigo: <html> <head> <title>Ttulo da minha pgina</title> </head> <body> Isto um pargrafo alinhado direita. Isto outro pargrafo com uma quebra de linha pelo meio. Este pargrafo encontra-se centrado na horizontal. <h1 align=left> Isto um cabealho h1 alinhado esquerda </h1> <h2 align=left> Isto um cabealho h2 alinhado esquerda </h1> <h3 align=left> Isto um cabealho h3 alinhado esquerda </h1> <h4 align=left> Isto um cabealho h4 alinhado esquerda </h1> <h5 align=left> Isto um cabealho h5 alinhado esquerda </h1> <h6 align=left> Isto um cabealho h6 alinhado esquerda </h1> <body> </htlm> 2. Grave o documento com o nome htmlexerc01.htm. 3. Abra o ficheiro com o Internet Explorer, browser utilizado para testar os nossos documentos HTML.

Temas abordados: Insero de uma linha horizontal; Formatao de texto; Estilos de fonte.
1. Abra o Bloco de Notas e digite o seguinte cdigo: <html> <head> <title>Exerccio 2</title> </head> <body> Texto com font Arial, de cor vermelha e tamanho 6 Texto com font Times New Roman, de cor verde e tamanho 2 <hr color=#ff0000align=left width=50% size=1 noshade> Este texto est a negrito Este texto est em itlico Este texto est sublinhado <strike>Risco a meio da frase</strike> Texto normal Texto um pouco acima da linha Texto um pouco abaixo da linha <blink>Texto a piscar (No funciona no Internet Explorer)<blink> O objectivo destes exerccios a compreenso da linguagem HTML, pois essa linguagem a base da construo de pginas para a Internet. <body> </htlm> 2. Grave o documento com o nome htmlexerc02.htm. 3. Abra o ficheiro com o Internet Explorer.

Temas abordados: Comentrio em HTML; Hiperligaes em texto para fora do documento; Hiperligaes em texto para dentro do documento; Hiperligaes para e-mails.
1. Abra o Bloco de Notas e digite o seguinte cdigo: <html> <head> <title>Exerccio 3</title> </head> <body>  <h4 align=left>Links teis</ h4>   <a href=http://www.microsoft.pt/>Microsoft, Lda.</a> - Site da Microsoft Portugal  <a href=http://etic.no.sapo.pt/ target=_blank>Tecnologias de Informao e Comunicao</a> - Site de apoio  <a href=htmlexerc02.htm>Exerccio 2</a> - Hiperligao para o exerccio anterior  <a href=#resposta>Para que serve uma ancora? </a>  <a name=resposta>O atributo name usado para criar o nome de uma ancora. O nome da ancora pode ser qualquer texto que deseje usar.</a>  <a href=mailto:karlosilvestre@sapo.pt>E-mail do professor</a> <body> </htlm> 2. Grave o documento com o nome htmlexerc03.htm. 3. Abra o ficheiro com o Internet Explorer. 4. Na sua pasta, crie uma directoria com o nome 3b e faa uma cpia do ficheiro htmlexec01.htm para o seu interior.
5. Abra novamente o documento htmlexerc03.htm e faa a seguinte alterao: Onde diz:  <a href=htmlexerc02.htm>Exerccio 2</a> - Hiperligao para o exerccio anterior Altere para  <a href=3b/htmlexerc01.htm target=_blank>Exerccio 1</a> - O primeiro exerccio de HTML 6. Grave o novo documento com o nome htmlexerc03b.htm. 7. Abra o ficheiro com o Internet Explorer.

Temas abordados: Insero de imagens.
1. V pasta As minhas imagens e copie o ficheiro #####.jpg1 para a sua pasta. 2. Abra o Bloco de Notas e digite o seguinte cdigo: <html> <head> <title>Exerccio 4</title> </head> <body> Uma imagem <img src="#####.jpg" alt="texto alinhado com o rodap da imagem" align="bottom" width="80" height="71"> entre o texto Uma imagem <img src="#####.jpg" alt="texto alinhado com o centro da imagem" align="middle" width="80" height="71"> entre o texto Uma imagem <img src="#####.jpg" alt="texto alinhado com o topo da imagem" align="top" width="80" height="71"> entre o texto <h3>Por defeito a imagem encontra-se alinhada por baixo</h3> Uma imagem <img src="#####.jpg" alt="alinhada por baixo" width="80" height="71"> entre o texto <img src="#####.jpg" alt="antes do texto" width="80" height="71"> Uma imagem antes do texto Uma imagem depois do texto <img src="#####.jpg" alt="depois do texto" width="80" height="71"> <body> </htlm> 3. Grave o documento com o nome htmlexerc04.htm. 4. Abra o ficheiro com o Internet Explorer.
Onde est #####.jpg o nome de um ficheiro qualquer de imagem, de preferncia no muito grande.

Temas abordados: Criao de Tabelas.
1. Copie o ficheiro #####.jpg2 para a sua pasta. 2. Abra o Bloco de Notas e digite o seguinte cdigo: <html> <head> <title>Exerccio 5</title> </head> <body>  <table width="381" border="1" bordercolor=#"ff00ff"> <tr>  <td height="37" align="center" valign="middle">Vendas/Ms</td> <th align="left" valign="bottom">Janeiro</th> <th align="left" valign="bottom">Fevereiro</th> <th align="left" valign="bottom">Maro</th> </tr> <tr> <td height="36" align="right" valign="top">Computadores</td> <th align="center" valign="middle">10</th> <th align="center" valign="middle">15</th> <th align="center" valign="middle">15</th> </tr> <tr> <td height="46" align="left" valign="bottom">Monitores</td> <th align="center" valign="middle">9</th> <th align="center" valign="middle">12</th> <th align="center" valign="middle">14</th> </tr> </table> Utilizando mais atributos <table width="381" bgcolor=#"cc0000" cellspacing="4"> <tr>  <td height="37" align="center" valign="middle" bgcolor="#cc0000">Vendas/ Ms</td> <th align="left" valign="bottom">Janeiro</th> <th align="left" valign="bottom">Fevereiro</th> <th align="left" valign="bottom">Maro</th>
2
Onde est #####.jpg o nome de um ficheiro qualquer de imagem, de preferncia no muito grande.
</tr> <tr> <th rowspan="2" height="36" align="center" valign="middle">Computadores</ th> <td align="center" valign="middle" bgcolor=#"cccccc">10</td> <td align="center" valign="middle" bgcolor=#"cccccc">15</td> <td align="center" valign="middle" bgcolor=#"cccccc">15</td> </tr> <tr> <td align="center" valign="middle" bgcolor=#"cccccc">9</td> <td align="center" valign="middle" bgcolor=#"cccccc">12</td> <td align="center" valign="middle" bgcolor=#"cccccc">14</td> </tr> </table> <body> </htlm> 3. Grave o documento com o nome htmlexerc04.htm. 4. Abra o ficheiro com o Internet Explorer.

aClWvsTHtX&Sec AHSqidYHOIStZae02C82cRH1 kG30HQ tKF6U4Zl AfnMHgurpoZTkzU78yD5zuiYTUMh PXZ 7&a Gp&Filename Fichas+de+Trabalho+HTML

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

aClWvsTHtX&Sec AHSqidYHOIStZae02C82cRH1 kG30HQ tKF6U4Zl AfnMHgurpoZTkzU78yD5zuiYTUMh PXZ 7&a Gp&Filename Fichas+de+Trabalho+HTML

Încărcat de

Drepturi de autor:

Formate disponibile

Ficha de Trabalho n1 HTML

Ficha de Trabalho n2 HTML

Ficha de Trabalho n3 HTML

Ficha de Trabalho n4 HTML

Ficha de Trabalho n5 HTML

S-ar putea să vă placă și