Você está na página 1de 8

Construção de páginas web

Exercícios HTML
Cabeçalhos e formatação de texto

1) Títulos

Utilização das marcas:


<html></html>
<head></head>
<title></title>
<body></body>
<p></p>
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>

a) Abrir o editor de texto.

b) Criar um documento HTML com a aparência semelhante à imagem.

c) Guardar o documento com o nome: exer1.html

Formadora: Branca Silva


branca.silva@imultimedia.org
Construção de páginas web

2) Parágrafos e quebras

Utilização das marcas:


<p align=”right”></p>
<br clear=”left”>
<img src="…" align="left">
<pre></pre>
<blockquote></blockquote>
<address></address>
<hr>

a) Criar um documento HTML com a aparência semelhante à imagem.

b) Guardar o documento com o nome: exer2.html

Formadora: Branca Silva


branca.silva@imultimedia.org
Construção de páginas web

3) Formatação de texto

Utilização das marcas:


<b></b>
<u></u>
<i></i>
<sup></sup>
<sub></sub>
<big></big>
<small></small>

a) Criar um documento HTML com a aparência semelhante à imagem.

Formadora: Branca Silva


branca.silva@imultimedia.org
Construção de páginas web

b) Altera o tipo de letra. Deves ter pelo menos 3 tipos de letra.

c) Pesquisa sobre a representação de caracteres especiais e insere no fundo do exemplo,


um naipe à escolha (copas, espadas, paus ou ouros), uma seta, o símbolo de registado
e o símbolo de copyright.

d) Guardar o documento com o nome: exer3.html

Listas

4) Listas ordenadas, não ordenadas e de descrição.


Utilização das marcas:
<ul></ul>
<ol></ol>
<li>
<dl></dl>
<dt>
<dd>

a) Criar um documento HTML com a aparência semelhante à imagem.

Formadora: Branca Silva


branca.silva@imultimedia.org
Construção de páginas web

b) Guardar o documento com o nome: exer4.html

Tabelas

Utilização das marcas:


<table></table>
<caption></caption>
<tr></tr>
<th></th>
<td></td>

Formadora: Branca Silva


branca.silva@imultimedia.org
Construção de páginas web

Utilização dos atributos:


colspan
rowspan
cellpadding
border

5) Tabela 1

a) Criar um documento HTML com a aparência semelhante à imagem.

b) Guardar o documento com o nome: exer5.html

6) Tabela 2

a) Criar um documento HTML com a aparência semelhante à imagem.

b) Guardar o documento com o nome: exer6.html

Formadora: Branca Silva


branca.silva@imultimedia.org
Construção de páginas web

Hiperligações

7) Links

Utilização da marca:

<a> </a>

a) Criar um documento HTML com a aparência semelhante à imagem, onde a palavra


“exercício nº” funciona como um link para esse mesmo exercício.

b) Guardar o documento com o nome: exer6.html

Frames

8) Frames com links


Utilização das marcas:
<frameset> </frameset>
<frame> </frame>

Utilização dos atributos:


cols
target

Formadora: Branca Silva


branca.silva@imultimedia.org
Construção de páginas web

a) Criar um documento HTML com a aparência semelhante à imagem. A apresentação de


cada exercício deve ser apresentado no frame da direita.

b) Guardar o documento com o nome: exer6.html

Formadora: Branca Silva


branca.silva@imultimedia.org

Você também pode gostar