Ficha de Trabalho - 2

MÓDULO 3 – CRIAÇÃO DE PÁGINAS WEB
FICHA PRÁTICA N.º 2
 Estrutura de um documento HTML
1. Abre o Bloco de Notas que se encontra nos Acessórios do Windows.

2. Digita o texto apresentado a seguir.
<html>
<head>
<title> Elementos de formatação </title>
</head>
<body>
<h1> Título 1 </h1>
<hr>
<h2> Subtítulo 2 </h2>
<br>

<center> <h3> Subtítulo 3 </h3> </center>
<p> Texto </p>
</body>
</html>
3. Guarda o ficheiros com o nome de formatahtml.html.

4. Verifica o resultado obtido no browser.
5. Ao documento já criado adiciona o seguinte texto:
. . .
<center> <h3> Subtítulo 3 </h3> </center>
<p> Texto Normal </p>
<Font color="#00FF00" face="arial" size="4">
Texto com definição da fonte </Font>
<Font style="color:red; font-size:14pt"> Texto
com definição da fonte pelo atributo style
</Font>
ANO LETIVO 2016-2017

Página – 2
<sup> Texto superior à linha </sup>

<b> Texto em negrito </b>
<sub> Texto inferior à linha </sub>
<i> Texto em itálico </i>
<u> Texto sublinhado </u>
<s> Texto riscado </s>
</body>
</html>
6. Guarda o ficheiro com o nome estilo.html.

7. Verifica o resultado no browser.
8. Abre um novo documento no Bloco de notas e digita o seguinte texto:
<html>
<head>
<title> Titulo do document HTML </title>
</head>
<body bgcolor="LightCyan"> Conteúdo do documento
HTML…</body>
</html>
9. Guarda o ficheiro com o nome exercicio3.html.

Nota: A adição do atributo bgcolor com o valor “LightCyan” permite informar ao browser que a
cor de fundo do elemento body é azul claro
11. Procura na Internet uma imagem (no formato jpg) ao teu gosto, que queiras adicionar ao
fundo do documento, e grava com o nome de bgimg.jpg.
12. Edita o documento exercicio3.html e adiciona o seguinte texto:

Página – 3
<html>
<head>
<title>Título do documento HTML</title>
</head>
<body bgcolor="LightCyan" background="bgimg.jpg">
<p>Conteúdo do documento HTML</p>
</body>
</html>

Nota: O atributo background com o valor bgimg.jpg apresenta a imagem existente no ficheiro
bgimg.jpg, como imagem de fundo do documento HTML
<html>
<head>
</head>
<body bgcolor="LightCyan" background="bgimg.jpg" link="red"
vlink="#66CDAA">
<a href="http://www.aeoj.org">Ligação</a>
</body>
</html>

Nota: O atributo link com o valor red indica ao browser que as ligações são apresentadas com a
cor vermelha. O atributo vlink com o valor #66CDAA indica ao browser que, após a visita, as
ligações são apresentadas com a cor correspondente

Página – 4
<html>
<head>
</head>
<body bgcolor="LightCyan" background="bgimg.jpg" link="red"
vlink="#66CDAA" text="rgb(255,165,0">
<a href="http://www.agrupamento-fajoes.pt">Ligação</a>
</body>
</html>

Nota: : O atributo text com o valor rgb(255,165,0) apresenta o texto com a cor correspondente
21. Compacta todos os ficheiros que realizaste nesta ficha de trabalho e atribui à pasta
compactada os nomes do grupo.

Ficha de Trabalho - 2

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

Ficha de Trabalho - 2

Enviado por

Direitos autorais:

Formatos disponíveis

MÓDULO 3 – CRIAÇÃO DE PÁGINAS WEB

FICHA PRÁTICA N.º 2

 Estrutura de um documento HTML

1. Abre o Bloco de Notas que se encontra nos Acessórios do Windows.

3. Guarda o ficheiros com o nome de formatahtml.html.

ANO LETIVO 2016-2017

<sup> Texto superior à linha </sup>

6. Guarda o ficheiro com o nome estilo.html.

9. Guarda o ficheiro com o nome exercicio3.html.

ANO LETIVO 2016-2017

13. Guarda o ficheiro com o nome exercicio4.html.

15. Edita o documento exercicio4.html e adiciona o seguinte texto:

16. Guarda o ficheiro com o nome exercicio5.html.

ANO LETIVO 2016-2017

18. Edita o documento exercicio5.html e adiciona o seguinte texto:

19. Guarda o ficheiro com o nome exercicio6.html.

ANO LETIVO 2016-2017

Você também pode gostar