1. Elabore código base que possibilite uma página Web funcionar, onde apareça no ecrã apenas a palavra Hello. ( NOTA: Não confunda ecrã com titulo da página.)
<html>
<head>
<title> </title>
<body>
<p> Hello
</body>
</html>
1. Elabore o código necessário para construir uma tabela com duas linhas e três colunas, como pode observar no exemplo abaixo..
Um dois Trêsquatro cinco seis
<html>
<head>
<title>Criar Tabelas</title>
</head> <body> <table >
<tr>
<td>um</td>
CURSO PROFISSIONALTécnico de Restauração
Variante Restaurante-Bar — Nível III(Portaria n.º 1319/2006 de 23 de Novembro)
Ano Lectivo: 2009/2010
REVISOES RECUPERACAO MODULO 3HTML
Módulo 3: Criação de Páginas Web | TIC
<td>dois</td>
<td>tres</td>
</tr>
<tr>
<td>quatro</td>
<td>cinco</td>
<td>seis</td>
</tr>
</table>
</body>
</html>
2. Elabore o código onde junte as três primeiras células e escreva Teste Tic.
TESTE TIC
<table >
<tr colspan=”2”> Teste Tic </tr> <tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
3. Elabore o código para escrever Teste TIC numa página Web (ecrã), com o título máximo, centrado cor azul e sublinhado, adicione uma cor azul ao fundo.
<html>
<head>
<title> </title>
<body bgcolor=”blue”>
<h1><center><font color=”blue”><u> Teste Tic </u></font></center></h1>
</body>
</html>
EB2, 3 de Beiriz 2009/2010 2/4
Módulo 3: Criação de Páginas Web | TIC
4. Elabore o código necessário para inserir uma imagem (imagem.jpg) numa página Web, centrada, com border=2 e que tenha legenda (Clique aqui).
<center><img src=”imagem.jpg” border=”22 alt=”Clique aqui”></center>
5. Diga como adicionaria um link para www.google.pt a partir de um imagem (imagem.jpg).
<a href=www.google.pt> <img src=”imagem.jpg”> </a>
6. Verifique o seguinte código e comente o que ele faz:
<ul><li> Um </li><li> dois </li><li> três </li></ul>
Este código vai criar uma lista não numerada com três itens.
7. Verifique o seguinte código e encontre os três erros que se encontram nele, corrigindo para verdadeiro.
<html>
<head>
<title>Estudo de Links</title>
</head>
<body>
<h1>Exemplo de Links Internos</h1>
<h3>Secção de Exemplos</h3>
<a href=exemplo1.html>Exemplo1</a>
<a href=exemplo2.html>Exemplo2</a>
<hr>
<h2>Exemplo de Links Externos</h2>
<a href=”www.google.pt”>Conheça o Gooogle</a><br>
<a href=”www.companhiadapoesia.com”>Ler Poesia</a>
<h3>Podemos usar imagens para usar nos links</h3>
<a href=exemplo10.html><img src=bola.gif></a>
</body>
</html>
8. Diga qual destes código poderá ser o mais adequado para inserir uma lista numerada, com três itens, com um link para o Google.
EB2, 3 de Beiriz 2009/2010 3/4
Módulo 3: Criação de Páginas Web | TIC
a. <ul><li> um </li><li> <a href=www.google.pt> Google </a><li> três <li></ul>
b. <ol><li> um </li><li> <a href=www.google.pt> Google </a><li> três <li></ol>
c. <ul><li> um </li><li> <a href=www.google.pt> Google </a><li> três <li></ol>
9. Observe este código html atentamente e diga o que ele vai fazer:
<html> vai abri uma nova página web
<head> abre o cabeçalho dap ágina
<title>Criar Tabelas</title> adiciona no titulo da página Criar
Tabelas
</head> Fecha o cabeçalho da página<body> Abre a secção do corpo da página<table border=1 > vai criar uma tabela com grossura de 1 pixel
<tr> abre uma linha
<td>Item 1</td> cria uma celula dentro da linha
<td>Item 2</td>cria uma celula dentro da linha
<td>Item 3</td>cria uma celula dentro da linha
</tr> Fecha a linha com tres células
<tr> abre uma linha
<td>Item 4</td>cria uma celula dentro da linha
<td>Item 5</td>cria uma celula dentro da linha
<td>Item 6</td>cria uma celula dentro da linha
</tr> Fecha a linha com tres células
</table> Fecha a tabela com tres colunas e duas linhas.
</body> Fecha o corpo da página
</html> Fecha a página web
EB2, 3 de Beiriz 2009/2010 4/4
Recommended