10/2/2014 Lista de Exerccios, HTML

http://www.inf.ufrgs.br/pet/cursos/HTML/Mini-Curso%20de%20HTML/exhtml.html 1/3
Lista de Exerccios Prticos
HTML
1. Preparar uma pgina que inclua os seguintes elementos:
ttulo com o nome dos alunos;
texto com um pequena saudao;
todos os tags recomendados, incluindo informao de verso.
2. Incluir na pgina anterior as seguintes informaes:
autor;
palavras-chave.
3. Fazer com que a pgina tenha trs pargrafos:
1. a saudao j existente;
2. uma descrio da sala de aula;
3. uma descrio da roupa de um colega ao lado.
4. Incluir headers (<H1>) para cada um dos pargrafos.
5. Formatar o nome do colega (que aparece no pargrafo da roupa) de forma a aparecer: todo o nome em
nfase, com o sobrenome adicionalmente forte (strong).
6. Inserir em sua pgina a poesia "Batatinha quando nasce...", em destaque (<BLOCKQUOTE>), e se
lembrando de mudar de linha onde requerido.
7. Use pr-formatao para inserir em sua pgina um diagrama como o seguinte:
=========
\-------/
| O |
| o |
| . |
| |
/ \
8. Inserir uma lista como a seguinte:

Pais
Joo Silva
Maria Silva
Irmos
Joo Silva Jr.
Maria Aparecida Silva
Jos Silva
Primos
Nenhum
Cores Favoritas
1. Preto
2. Branco
3. Cinza
10/2/2014 Lista de Exerccios, HTML
http://www.inf.ufrgs.br/pet/cursos/HTML/Mini-Curso%20de%20HTML/exhtml.html 2/3
9. Introduza comentrios em todos os pedaos de seu HTML para indicar a que exerccio eles se referem.
10. Introduza no final da pgina seu endereo.
11. Separe a sua pgina em sees (de acordo com os exerccios), usando barras horizontais.
12. partir da pgina produzida pelos exerccios anteriores, crie uma pgina distinta para cada uma das
sees (no perca a pgina original!). No se esquea de criar ttulos e headers em cada pgina.
13. Faa uma pgina com links para cada uma dessas novas pginas. Os links tm que estar
adequadamente inseridos em um texto.
14. Retorne pgina original, com todas as sees, e inclua uma nova seo, em seu incio, que tenha links
relativos para trechos dessa mesma pgina, um link para cada seo. Para isso, voc precisar definir
ncoras em cada seo.
15. Faa um documento que inclua a imagem linuxorg.gif em diversos tamanhos (inclua um texto
descritivo para cada imagem):
tamanho natural;
largura 100 pontos;
largura 200 pontos;
largura 500 pontos;
altura 50 pontos;
altura 100 pontos;
altura 200 pontos.
16. Transforme uma das imagens dessa pgina em um link para http://www.linux.org.
17. Faa uma pgina com uma tabela como a seguinte:

Lista de Preos
Artigo Preo
gnats
grama 13,65
cada 0,01
gnu
preenchido
92,50
emu 33,33
armadillo congelado 8,99
18. Faa uma pgina com o seguinte formulrio:
Nome:
Password:
Em qual moeda voc prefere receber seu salrio?
Real
Dolar
Euro
Yen
Quais das afirmaes seguintes voc considera verdadeiras?
O Boris Yeltsin abstinente
O Bill Clinton casto.
O Bill Gates pobre
10/2/2014 Lista de Exerccios, HTML
http://www.inf.ufrgs.br/pet/cursos/HTML/Mini-Curso%20de%20HTML/exhtml.html 3/3
A Fernanda Montenegro pssima atriz.
A Bibi Ferreira uma beldade.
O Linus Torvalds no entende de programao.
Arquivo a enviar: Nenhum arquivo selecionado Escolher arquivo
Seus times favoritos?
Corinthians
Palmeiras
Santos
So Paulo
Real Madrid
Gostaria de fazer comentrios?
Ponha seu comentrio
aqui.


Manda! Limpa
19. Altere a pgina gerada na questo 12 para utilizar uma cor de fundo escolhida por voc.
20. Ajuste cores, larguras e alinhamentos da tabela da questo17 para produzir uma aparncia mais
agradvel.
21. Faa com que os headers da pgina da questo 19 sejam centrados, ao invs de ajustados esquerda.
22. Altere a pgina de figuras da questo 15 para que as figuras apaream ajustadas direita.
23. Construa um FRAMESET com dois frames:
esquerda uma pgina de links para suas pginas mltiplas (da questo 12);
direita ser carregada inicialmente uma pgina de introduo, e depois a pgina clicada no link
da esquerda.
Distribua o tamanho dos frames harmoniosamente.