Categoria: Referência de HTML

문장 흐름 안의 짧은 인용 구간을 표현한 일러스트

Elemento HTML q: citações curtas, fontes cite e aspas

Diferencie q de blockquote e do elemento ou atributo cite. Use um exemplo completo para verificar links de origem e citações aninhadas, evitando marcas de citação duplicadas.

시계와 시각 선택 컨트롤을 표현한 일러스트

Hora HTML: formato de 24 horas, min, max, step e segundos

Compare entradas de tempo de 15 minutos e um segundo em um exemplo completo. Verifique strings enviadas, validação de obrigatoriedade e intervalo, redefinição, intervalos que atravessam a meia-noite e a necessidade de datas e fusos horários separados.

슬라이더 손잡이와 실시간 조절 결과를 표현한 일러스트

Slider range HTML: min, max, step, valor em tempo real e redefinição

Crie um slider que atualize o tamanho do texto e sua saída numérica em tempo real. Compare os valores atuais e iniciais, inspecione o envio do formulário, verifique os controles do teclado e restaure todas as exibições ao reiniciar.

증감 버튼과 일정한 간격의 숫자 입력을 표현한 일러스트

Número HTML: min, max, step, decimais e valueAsNumber

Valide quantidades e pesos decimais em um exemplo completo de entrada de número. Compare bases de passo, valores em string e numéricos, tratamento de entrada vazia, campos de identificador e verificações do lado do servidor.

보이는 입력창 뒤에 숨은 값 카드가 함께 전달되는 일러스트

HTML hidden: valores enviados, alterações com JavaScript e limites de segurança

Inspecione valores ocultos juntamente com checkboxes em um exemplo completo de formulário. Compare campos desabilitados e ocultos via CSS, altere valores com JavaScript e entenda por que o servidor deve validar inputs ocultos.

재생 버튼과 조절 막대가 있는 동영상 플레이어 일러스트

HTML video: controles, reprodução automática, tamanho responsivo e problemas

Execute um exemplo completo de player de vídeo com fontes WebM e MP4. Escolha os atributos de reprodução, compare o redimensionamento responsivo, resolva problemas de reprodução automática bloqueada ou arquivos não suportados e planeje legendas e descrições.

여러 줄의 입력 내용을 담은 넓은 텍스트 영역 일러스트

HTML textarea: texto multilinha, limite, readonly e valores enviados

Execute um exemplo completo de textarea com padrões multilinha, validação de obrigatoriedade e comprimento, campos somente leitura e desabilitados. Compare a quebra de linhas visual com quebras reais e leia os valores atuais com segurança em JavaScript.

선택한 날짜와 허용 범위를 보여 주는 달력 일러스트

Data HTML: value, min, max, step e formato

Verifique valores de data normalizados, intervalos inclusivos, validação obrigatória, redefinição e passos de sete dias em um exemplo completo. Diferencie datas do calendário de horários e verifique regras importantes no servidor.

입력 양식에서 서버로 값이 전달되는 과정을 표현한 일러스트

HTML form: GET, POST, action e name com um exemplo PHP

Execute um exemplo completo de formulário HTML e PHP para comparar requisições GET e POST. Verifique os nomes dos campos, validação no servidor, saída escapada, codificação, comportamento do reset e falhas comuns de submissão.

여러 항목을 동시에 선택한 체크박스 그룹 일러스트

Checkbox HTML: múltiplos valores, required e indeterminate

Inspecione múltiplos valores de caixas de seleção, validação obrigatória, exclusão de campos desabilitados, redefinição e seleção parcial em um exemplo completo. Aprenda como campos ausentes e repetidos devem ser tratados no servidor.