/Atv-Tabelas-HTML

Primary LanguageHTML

Tabelas

Ponto de Partida

Para começar esse exercício e fazer a marcação em HTML você deverá abrir e editar o arquivo medalhas_jogos_olimpicos_brasil.html disponível na pasta raiz, usando o seu editor de código-fonte favorito, por exemplo:

Resumo do Projeto

Para este projeto, sua tarefa é marcar usando a sintaxe do HTML5, tabelas com dados do Brasil nos Jogos Olímpicos localizadas na pasta data. Dentro desta pasta, você encontrará cada uma das tabelas no formato texto, que deverão ser acrescentadas no arquivo medalhas_jogos_olimpicos_brasil.html substituindo os comentários HTML. Para isso, você deverá adicionar corretamente e quando necessário:

  • Elementos de Tabelas: <table>, <thead>, <tbody>, <tfoot>, <tr>, <th> e <td>;
  • Atributos de Tabelas: colspan e rowspan;
  • Hiperlinks: <a>;
  • Imagens: <img>;
    • Substitua os nomes das colunas: Ouro, Prata, Bronze e Total; pelos respectivos arquivos de imagens (.svg) na pasta img/medalhas
  • Informações de Estilo Embutido: atributo style.

Importante: Por padrão, o HTML não define as bordas das tabelas e suas células, pois, essa configuração, por se tratar de formatação, deve ser feita somente via CSS. Para facilitar a realização deste projeto e melhorar a visualização das tabelas nos navegadores, foi adicionada a formatação das bordas usando a folha de estilo main.css.

Dicas & Sugestões

  • Use o validador HTML do W3C para validar seu HTML;
  • Consulte a lista de elementos HTML para obter informações detalhadas sobre cada tag e atributos.

REFERÊNCIAS