📚 Guia de Referência Rápida: Front-End Básico

Este guia reúne os conceitos fundamentais trabalhados em aula. Utilize este material como consulta para estruturar suas páginas, aplicar estilos e criar interatividade.

📄 HTML: A Estrutura da Página

O HTML é utilizado para definir a estrutura e o conteúdo da sua aplicação.

1. Elementos Estruturais Básicos

• <div>: Um contêiner genérico de bloco. Usado para agrupar outros elementos e criar seções na página.
• <h1> a <h6>: Títulos, sendo <h1> o principal e <h6> o de menor hierarquia.
• <p>: Parágrafos de texto.
• <span>: Um contêiner genérico em linha (inline), útil para aplicar estilos a partes específicas de um texto.

2. Formulários e Entrada de Dados

Para capturar informações do usuário, utilizamos formulários.

• <form>: O contêiner principal para entradas de dados.
• <input>: Campo de entrada versátil. O tipo é definido pelo atributo type (ex: text, color, date).
• <textarea>: Área para entrada de textos longos (múltiplas linhas).
• <button>: Elemento clicável. Dentro de um <form>, um botão com type="submit" tenta enviar os dados.

Atributos Úteis em Formulários:

• id: Identificador único do elemento. Essencial para manipular o elemento via JavaScript.
• required: Torna o preenchimento do campo obrigatório antes do envio.
• placeholder: Texto de dica que aparece dentro do campo vazio.