Projeto 1: HTML+CSS - Desenvolvimento da 6ª tarefa
---------------------------------------------------------------------------------------------------
Documento revisado em: 2025-03-20 - 15:47
---------------------------------------------------------------------------------------------------
1. ATIVE O SERVIDOR DE PÁGINA (abra o painel de controle do XAMPP e 'dispare' o Apache e o MySQL)
Deu pra ver que está sempre será a primeira instrução na execução de uma tarefa.
Mas mesmo assim escreverei em todas.
Para edição de suas tarefas use [preferencialmente] um editor com multiplas abas.
2. Acessar o diretório /localhost/SeuNomeCompleto/html-css
3. Crie um diretório com nome tar6
(deve ficar ao lado do tar1, tar2, tar3, tar4 e tar5)
4. Copie o arquivo desenvolvido na Tarefa 5 (de divs sem include) para o diretório tar6.
5. Acesse o diretório TAR6 (aqui começa o desenvolvimento da tarefa 6).
6. Você leu no Slide Referência toda a especificação de uma página que monta quase todos os tipos
de campos de formulário da HTML ( <4.0 ). Então...
7. Propomos um exercício:
- Edite um arquivo .HTML (nome: form.html) com uma página que contenha uma tabela com DUAS
colunas, com borda de UM pixel colapsada, acomodando um formulário com todos os tipos de
campos da HTML 4 e mais os seguintes tipos de dados para os campos do formulário da
HTML 5: date, time, month, number e tel. Estude e explore atributos para formatação de máscaras
de valores de campos.
- Além desses tipos de dados para campos da HTML 5, escolha mais 2 tipos de dados [HTML 5] para
seu formulário. Na última linha da tabela, a coluna da esquerda deve aparecer sem conteúdo e
na coluna da direita devem aparecer TRÊS botões como exemplificado no Slide Referência.
Além destes três botões construa um botão VOLTAR, implementado com