5
CURSO PROFISSIONAL Té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 3 HTML 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ês quatro cinco seis <html> <head>

Revisoesm3

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Revisoesm3

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

Page 2: Revisoesm3

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

Page 3: Revisoesm3

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

Page 4: Revisoesm3

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