Categoría: Referencia de HTML

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

Elemento HTML q: citas breves, fuentes cite y comillas

Distinga q de blockquote y del elemento o atributo cite. Un ejemplo completo permite comprobar los enlaces a las fuentes y las citas anidadas sin duplicar las comillas.

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

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

Compare entradas de tiempo de 15 minutos y de un segundo en un ejemplo completo. Verifique cadenas enviadas, validación requerida y por intervalos, reinicio, rangos que cruzan la medianoche y la necesidad de fechas y zonas horarias separadas.

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

Slider range HTML: min, max, step, valor en vivo y restablecimiento

Crea un deslizador que actualice el tamaño del texto y su salida numérica en tiempo real. Compara los valores actuales e iniciales, inspecciona el envío del formulario, verifica los controles de teclado y restaura todas las visualizaciones al reiniciar.

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

Número HTML: min, max, step, decimales y valueAsNumber

Validar cantidades y pesos decimales en un ejemplo completo de entrada de número. Comparar bases de paso, valores en cadena y numéricos, manejo de entradas vacías, campos de identificador y verificaciones del lado del servidor.

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

HTML hidden: valores enviados, cambios con JavaScript y límites de seguridad

Inspecciona los valores ocultos junto con las casillas de verificación en un ejemplo completo de formulario. Compara los campos deshabilitados y los ocultos con CSS, cambia valores con JavaScript y entiende por qué el servidor debe validar las entradas ocultas.

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

HTML video: controles, reproducción automática, tamaño adaptable y errores

Ejecute un ejemplo completo de reproductor de video con fuentes WebM y MP4. Elija atributos de reproducción, compare el tamaño responsivo, resuelva problemas de reproducción automática bloqueada o archivos no compatibles, y planee subtítulos y descripciones.

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

HTML textarea: texto multilínea, longitud, readonly y valores enviados

Ejecute un ejemplo completo de textarea con valores predeterminados de varias líneas, validación requerida y de longitud, campos de solo lectura y deshabilitados. Compare el ajuste visual con saltos de línea y lea los valores actuales de manera segura en JavaScript.

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

Fecha HTML: value, min, max, step y formato

Verifica valores de fecha normalizados, rangos inclusivos, validación obligatoria, reinicio y pasos de siete días en un ejemplo completo. Distingue fechas de calendario de horas y verifica reglas importantes en el servidor.

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

HTML form: GET, POST, action y name con un ejemplo PHP

Ejecute un ejemplo completo de formulario HTML y PHP para comparar las solicitudes GET y POST. Verifique los nombres de los campos, la validación del servidor, la salida escapada, la codificación, el comportamiento del reinicio y los errores comunes de envío.

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

Checkbox HTML: valores múltiples, required e indeterminate

Inspecciona múltiples valores de casillas de verificación, validación obligatoria, exclusión de campos deshabilitados, reinicio y selección parcial en un ejemplo completo. Aprende cómo deben manejarse los campos faltantes y repetidos en el servidor.