5/25/2018 1 - Exercicio de HTML

1/3

UFCD|Mdulo

1

Curso co-financiado por:

Srgio Varela

html

Objetivos:

Criao e estrutura de cdigo html

Escrita manual de cdigo

Insero de texto

PARTE 1 - Criao do ficheiro de html

1. abra o Notepad e crie um novo documento. Faa gravar como...." com o nomeindex.htm

No se esquea de alterar a extenso de .txt para .htm. Note que o ficheiro ainda notem qualquer cdigo, pelo que, caso o abra no browser, visualizar uma pgina embranco.

PARTE 2 - Criao da pgin index.htm

2. Comece por inserir o cdigo base, especificando, no header, o ttulo desta pgina:

home page do site 1 de html

2.1 Para configurar as opes de cor dos textos e links a inserir posteriormente nestapgina, insira no TAG os seguintes atributos:

......2.2 Para centrar todos os contedos a inserir posteriormente na pgina, insira dentrodo um novo TAG:

...

...

5/25/2018 1 - Exercicio de HTML

2/3

UFCD|Mdulo

2

Curso co-financiado por:

Srgio Varela

2.3 Para dar algum espao entre o top da pgina e os contedos insira, depois doTAG 5 quebras de pginas
:

...

...

2.4 Imediatamente a seguir s quebras de pginas, insira a imagem mao_pedido.jpgque se encontra na pasta imagens do directrio em que est a trabalhar:

...

...

2.5 Abaixo da imagem, insira uma quebra de pargrafo

e imediatamente a seguiro texto:

...A chuva cai no lago.
...No se esquea que para fazer quebras de linha ter que acrescentar
no final decada frase.

A chuva cai no lago.Que dir a gua sobre a gua?

Cada pingo gravao centro de muitos crculos

e palavras secretas circulam,cortam-se, afastam-se,

sobrepem-se.Todo o lago um prado de murmrios.

Gostas de mim?Gosto. No gosto. Assim assim.

A gua contra a guaa que est e a que chega.

Donde vens?

Do alto, onde fui algodo.E tu o que tens feito?Remoinhos, acalmias.

Lutam.No me faas transbordar.

No tenhas medo. Sei da tua medida.Depois confundem-se, possuem-se.

Lago ou leito?gua dentro de gua.

2.6 Acrescente um ttulo ao poema, para isso antes do texto insira um pargrafo a

negrito.

5/25/2018 1 - Exercicio de HTML

3/3

UFCD|Mdulo

3

Curso co-financiado por:

Srgio Varela

...

gua

A chuva cai no lago.
...

PARTE 3

3.1 Com o intuito de espaar este ltimo texto inserido com um novo texto que surgirmais abaixo, insira agora 8 quebras
:

...gua dentro de gua.

...

3.2 Por fim, insira o texto: 1 experincia de html | CONCLUSO

...







1 experincia de html | CONCLUSO

Bom Trabalho!