hpGUpClickIdentidade WebAção SocialBlig

Lista de Exercícios Práticos

HTML

  1. Preparar uma página que inclua os seguintes elementos:
  2. Incluir na página anterior as seguintes informações:
  3. Fazer com que a página tenha três parágrafos:
    1. a saudação já existente;
    2. uma descrição da sala de aula;
    3. uma descrição da roupa de um colega ao lado.
  4. Incluir headers (<H1>) para cada um dos parágrafos.
  5. Formatar o nome do colega (que aparece no parágrafo da roupa) de forma a aparecer: todo o nome em ênfase, com o sobrenome adicionalmente forte (strong).
  6. Inserir em sua página a poesia "Batatinha quando nasce...", em destaque (<BLOCKQUOTE>), e se lembrando de mudar de linha onde requerido.
  7. Use pré-formatação para inserir em sua página um diagrama como o seguinte:
  8.       =========
          \-------/
          |   O   |
          |   o   |
          |   .   |
          |       |
          /       \
  9. Inserir uma lista como a seguinte:

  10.  
    Pais
    • João Silva
    • Maria Silva
    Irmãos
    • João Silva Jr.
    • Maria Aparecida Silva
    • José Silva
    Primos
    Nenhum
    Cores Favoritas
    1. Preto
    2. Branco
    3. Cinza
  11. Introduza comentários em todos os pedaços de seu HTML para indicar a que exercício eles se referem.
  12. Introduza no final da página seu endereço.
  13. Separe a sua página em seções (de acordo com os exercícios), usando barras horizontais.
  14. À partir da página produzida pelos exercícios anteriores, crie uma página distinta para cada uma das seções (não perca a página original!). Não se esqueça de criar títulos e headers em cada página.
  15. Faça uma página com links para cada uma dessas novas páginas. Os links têm que estar adequadamente inseridos em um texto.
  16. Retorne à página original, com todas as seções, e inclua uma nova seção, em seu início, que tenha links relativos para trechos dessa mesma página, um link para cada seção. Para isso, você precisará definir âncoras em cada seção.
  17. Faça um documento que inclua a imagem linuxorg.gif em diversos tamanhos (inclua um texto descritivo para cada imagem):
  18. Transforme uma das imagens dessa página em um link para http://www.linux.org.
  19. Faça uma página com uma tabela como a seguinte:

  20.  
    Lista de Preços
    Artigo Preço
    gnats grama 13,65
    cada 0,01
    gnu preenchido 92,50
    emu 33,33
    armadillo congelado 8,99
  21. Faça uma página com o seguinte formulário:

  22. Nome: 
    Password: 

    Em qual moeda você prefere receber seu salário?
    Real
    Dolar
    Euro
    Yen

    Quais das afirmações seguintes você considera verdadeiras?
    O Boris Yeltsin é abstinente
    O Bill Clinton é casto.
    O Bill Gates é pobre
    A Fernanda Montenegro é péssima atriz.
    A Bibi Ferreira é uma beldade.
    O Linus Torvalds não entende de programação.

    Arquivo a enviar: 

    Seus times favoritos?

    Gostaria de fazer comentários?

     

  23. Altere a página gerada na questão 12 para utilizar uma cor de fundo escolhida por você.
  24. Ajuste cores, larguras e alinhamentos da tabela da questão17 para produzir uma aparência mais agradável.
  25. Faça com que os headers da página da questão 19 sejam centrados, ao invés de ajustados à esquerda.
  26. Altere a página de figuras da questão 15 para que as figuras apareçam ajustadas à direita.
  27. Construa um FRAMESET com dois frames:
  28. Distribua o tamanho dos frames harmoniosamente.