Você está na página 1de 2

Escola Secundária Ano Letivo

2021/2022

CURSO PROFISSIONAL DE TÉCNICO DE MULTIMÉDIA


Disciplina: Sistemas de Informação 10P2
Atividade Prática 1
Objetivos: Aplicar conhecimentos sobre a linguagem HTML
Nome da Professora:

HTML

1. Executa o Notepad++ e cria um ficheiro HTLM, com o nome de index.html.


2. Abre o ficheiro index.html no browser. (Durante o exercício, mantém as duas janelas
abertas: Notepad++ e o browser)
3. No início do documento em HTML, insere o seguinte texto:

Curso Profissional Técnico de Multimédia.

Bem-vindo a página da disciplina de Sistema de Informação.

Confira os nossos conteúdos.

Receba informações e os nossos conteúdos por email.

Navegue por todos nossos tópicos discutidos em aula.

Estude sem sair de casa.

4. Grave e visualize no browser. Verifique se ficou parecido com a imagem seguinte:

5. Adicione as tags html para que a página funcione corretamente.

<!DOCTYPE html>
<html>
<head>
<title> Curso Profissional Técnico de Multimédia </title>
<meta charset="utf-8">
</head>
<body>
<h1> Sistema de Informação </h1>
<h2> Bem-vindo a página da disciplina de
Sistema de Informação. </h2>
<ul>
<li> Confira os nossos conteúdos. </li>
<li> Receba informações e os nossos
conteúdos por email. </li>
<li>Navegue por todos nossos tópicos discutidos em aula. </li>
<li>Estude sem sair de casa. </li>
</ul>
</body>
</html>

Página 1 de 2
6. Crie uma pasta chamada img no mesmo local onde se encontra o ficheiro index.html.
7. Copie a imagem esct.jpg para dentro desta pasta
8. Adicione o seguinte código no início do teu ficheiro index.html
<figure>
<img src="img/esct.jpg" alt="Foto do produto">
<figcaption>Escola Secundária das Taipas</figcaption>
</figure>

9. Verifique se a tua página ficou parecida com a imagem seguinte:

Página 2 de 2

Você também pode gostar