Fichas de Trabalho HTML - 4DD

Ficha de Trabalho nº4 – HTML
Temas abordados: Inserção de imagens.
1. Vá à pasta “As minhas imagens” e copie o ficheiro “#####.jpg”1 para a sua

pasta.
2. Abra o Bloco de Notas e digite o seguinte código:
<html>
<head>
<title>Exercício 4</title>
</head>
<body>
Uma imagem
<img src="#####.jpg" alt="texto alinhado com o rodapé da imagem" align="bottom"
width="80" height="71">
com texto linhado ao fundo 
Uma imagem
<img src="#####.jpg" alt="texto alinhado com o centro da imagem" align="middle"
com texto linhado ao meio
Uma imagem
<img src="#####.jpg" alt="texto alinhado com o topo da imagem" align="top"
com texto linhado ao cimo
<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 um browser.
1
Onde está “#####.jpg” é o nome de um ficheiro qualquer de imagem, de preferência não muito grande.

Fichas de Trabalho HTML - 4DD

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Fichas de Trabalho HTML - 4DD

Enviado por

Direitos autorais:

Formatos disponíveis

Ficha de Trabalho nº4 – HTML

Temas abordados: Inserção de imagens.

1. Vá à pasta “As minhas imagens” e copie o ficheiro “#####.jpg”1 para a sua

2. Abra o Bloco de Notas e digite o seguinte código:

3. Grave o documento com o nome “htmlexerc04.htm”.

4. Abra o ficheiro com um browser.

Você também pode gostar