Categoría: Curso de HTML

세 개의 웹페이지가 링크로 연결된 작은 사이트 일러스트

Curso de HTML / Construir y revisar un pequeño sitio de varias páginas

Crea tres documentos completos con navegación coherente, metadatos propios y una práctica de formulario. Comprueba rutas, aria-current, campos obligatorios y uso con teclado antes de añadir nuevas funciones.

웹 문서를 돋보기와 점검표로 살펴보는 일러스트

Curso de HTML / Encontrar errores y validar un documento HTML

Utiliza Nu HTML Checker para localizar atributos, cierres e identificadores incorrectos. Compara un documento con un ID repetido y su corrección, y separa la validación sintáctica del funcionamiento real.

키보드 초점이 표시된 웹페이지와 휠체어 사용자 일러스트

Curso de HTML / Accesibilidad HTML: encabezados, enlaces, imágenes y teclado

Revisa significado, nombres accesibles, alternativas de imagen y foco con una página de práctica. Combina teclado, zoom y comprobaciones automáticas sin interpretar un único resultado como una evaluación completa.

닫힌 항목과 펼쳐진 항목이 쌓여 있는 일러스트

Curso de HTML / Crear contenido desplegable con details y summary

Construye explicaciones que se abren y cierran sin JavaScript, prueba el estado inicial open y revisa teclado y foco. Decide qué contenido puede ser opcional y qué instrucciones deben permanecer visibles.

오디오 파형과 빈 비디오 화면을 나란히 놓은 일러스트

Curso de HTML / Insertar audio, vídeo e iframe en HTML

Prepara archivos de medios y subtítulos WebVTT, distingue una URL de ejemplo de un recurso real y comprueba un iframe con dos archivos locales. Incluye alternativas de lectura y ajuste para pantallas estrechas.

탭 제목과 본문 설명 영역을 갖춘 웹 문서 일러스트

Curso de HTML / Configurar título, descripción, idioma y codificación

Coloca cada metadato en su lugar y comprueba la diferencia entre title y h1. Revisa UTF-8, lang, description y viewport sin atribuirles funciones que corresponden al contenido, al servidor o a CSS.

입력칸과 제출 버튼이 있는 웹 양식 일러스트

Curso de HTML / Placeholder y ayuda persistente en los formularios

Compara label, placeholder y value, y conecta instrucciones visibles con aria-describedby. Practica campos obligatorios y opcionales, inspecciona sus valores y reconoce por qué una pista no se envía como dato.

제목 탭이 있는 두 입력 필드 그룹 일러스트

Curso de HTML / Agrupar formularios con fieldset, legend y autocomplete

Expresa la pregunta de un grupo y el propósito de los datos personales solicitados. Compara dos grupos de radio independientes y comprueba por qué name y autocomplete no hacen el mismo trabajo.

오류와 정상 상태를 다른 테두리 색으로 나타낸 입력 필드 일러스트

Curso de HTML / Validar formularios con required, longitud y rangos

Prueba valores vacíos, longitudes y límites numéricos con resultados esperados. Distingue formato, obligatoriedad y paso, y redacta mensajes útiles sin confundir la validación del navegador con la del servidor.

여러 줄 입력창, 선택 목록, 버튼이 있는 양식 일러스트

Curso de HTML / Usar textarea, select, option y button en formularios

Practica texto de varias líneas, opciones con valores y los tipos de botón. Compara selección obligatoria, valor inicial y reinicio con un formulario que puede abrirse en el navegador.