Projeto 1: HTML+CSS - Desenvolvimento da 3ª tarefa
Desenvolvimento de TABELAS nas páginas HTML. 
---------------------------------------------------------------------------------------------------------------------------------
Documento revisado em: 2025-09-22 12h13
=================================================================================================================================
 1. Leia e Certifique-se de ter feito todos os passos do texto disponível em:
    https://disciplinas.fatecourinhos.edu.br/ilp540/ilp540.php
    Tarefas|Projetos >> Orientação Geral para Tarefas e Projeto

 2. Acesse o diretório /localhost/ilp e neste diretório crie a estrutura:
    /ilp540/SiglaDoSeuNome/HTML-CSS
                          /PHP-MariaDB
    Onde: SiglaDoSeuNome é formada com a primeira letra de cada parte do seu nome escrita com letras minúsculas.
          Por exemplo se o nome for Maria Silmara de Lima a sigla deve ser escrita: msdl
          Daqui em diante SiglaDoSeuNome será escrito somente sigla

 3. Mova os diretórios tar1 e tar2 para o diretório /ilp540/sigla/HTML-CSS.

 4. Acesse o diretório ilp540/sigla/HTML-CSS e COPIE o diretório tar2 para outro diretório com nome tar3.
    No diretório tar3 faremos a tarefa de Estruturação de TABELAS para o conteúdo das páginas HTML.

 5. Acesse o diretório tar3 e troque o nome do arquivo tar2.html para tar3.html.

 6. Edite TODOS os arquivos .html e estruture uma tabela ocupando 80% da largura da tela. Esta é a TABELA PRINCIPAL.
    Esta TABELA deve estar centralizada na tela. Desse modo se tem a "impressão" de uma borda de 10% de cada lado da tela.
   

 5. Cada tabela de cada um dos arquivos: identifica.html, habilcarac.html, defeimania.html, hobbieslaz.html, futuroprox.html
    e ancoracess.html, deve conter o texto "Tarefa - 3" seguido de um traço horizontal dentro da célula na tabela principal;
    abaixo do traço deve aparecer o texto , os conteúdos devem estar dispostos em uma tabela (exceto a página de âncoras).
    A Tabela da Célula Central será denominada TABELA CENTRAL.

 6. A Tabela Central deve ser dimensionada com 3 colunas. Sendo que a 1ª Coluna da Esquerda tem o Título do item, a 2ª coluna
    deve ser o caractere ':' e a 3ª coluna deve conter a descrição do item citado.
       a. A primeira linha deve conter o título da página ocupando a largura das 3 colunas da tabela.
       b. A última linha da Tabela Central deve apresentar o botão 'Voltar' ocupando a largura das 3 colunas da tabela.
    Na Coluna Central da Tabela PRINCIPAL, depois de construída a Tabela CENTRAL deve ser emitido um traço horizontal.

 7. TESTE SUA TAREFA
    - Acesse seu navegador e na barra de endereços escreva: //localhost/ilp540/HTML-CSS/tar4/tare4.html
  - Se necessário, altere seu arquivo e recarregue seu arquivo no navegador.

 8. ENVIO DO ARQUIVO DA TAREFA
    Gere um arquivo compactado do DIRETÓRIO tar3. O NOME do arquivo gerado deve ser tar3.* (zip ou RAR). Este compactado será
    aberto no ambiente do Windows 11. Talvez o formato 7z NÃO consiga ser aberto. Converta seu arquivo para ZIP ou RAR.
    TROQUE o NOME Principal do Arquivo Compactado para SiglaDoSeuNome.* (.zip, .rar, ou outro). A SiglaDoSeuNome deve ser formada
    com LETRAS MAIÚSCULAS. Por exemplo, se o nome do aluno for Marco da Silva a sigla deve ser: MDS.

    O arquivo compactado deve ser enviado para a conta de e-mail: prof.joao.hypolito@gmail.com
    No ASSUNTO da mensagem deve ser escrito: PARA A TURMA DA TARDE ==> ILP540T-Projeto 1, Tarefa 3
                                             PARA A TURMA DA NOITE ==> ILP540N-Projeto 1, Tarefa 3
    No CORPO da Mensagem Escreva seu Nome completo.

 9. Data e Horário Limite para envio: 2026-09-13  -  23:59 - SE você quiser algum retorno para seu progresso.

=================================================================================================================================
** O estudo das TAGs HTML e seletores CSS pode ser iniciado no site: https://www.w3schools.com/html/default.asp

** Endereço do Site com especificação UNICODE para caracteres especiais e acentuações da língua portuguesa.
https://disciplinas.fatecourinhos.edu.br/ilp540/tutorial/dicas/dicas2/simbolos.php

** Especificação do que montar na página está no site:
https://disciplinas.fatecourinhos.edu.br/ilp540/ilp540.php + as migalhas: Tarefas|Projetos >> Projeto-01 >> Tarefa 03

** O estudo das TAGs HTML e seletores CSS pode ser iniciado no site: https://www.w3schools.com/html/default.asp