Página de contato desenvolvida. Terceira aula de HTML e CSS da formação da Alura. Nessa sessão, o foco foi na elaboração de formulários e tabelas, desenvolvendo na prática uma página de contato.
🪧 Vitrine.Dev | |
---|---|
✨ Nome | Página de contato |
🏷️ Tecnologias | html,css |
🚀 URL | https://yagojsantos.github.io/barbearia-alura-contato/ |
Aqui aprendi sobre diversos elementos que ajudam a compor o form, algumas tags semânticas para auxiliar na organização e leitura do código, estrutura básica da formação de tabelas, e um pouco mais sobre o funcionamento do css abordando a hierarquia dos seletores.
Overview do que foi aprendido:
HTML
- Estrutura do formulário (form, fieldset, legend);
- Elementos de input (type = radio, checkbox, text, email, tel, submit);
- Propriedades importantes do input (required, placeholder, checked, name);
- Mais elementos para composição do form (select & option, textarea);
- Formação de uma tabela e suas tags semânticas (table, tr, td, th, thead, tbody, tfoot);
CSS
- Transformação de um elemento com a propriedade transforme;
- Estilização do ponteiro do mouse sob um elemento (cursor: pointer);
- Como configurar a transição de um elemento em um estado para outro (transition: propriedade tempo);
- Funcionamento da hierarquia dos seletores (id, class, tags);