Categoría: Curso de HTML

체크박스, 라디오 버튼, 날짜와 숫자 입력 필드 일러스트

Curso de HTML / Elegir input para correo, números, fechas y opciones

Compara email, number, date, checkbox y radio según los datos solicitados. Prueba un formulario completo y separa la interfaz visible de los valores enviados y de las restricciones obligatorias.

레이블 카드와 입력 필드가 연결된 일러스트

Curso de HTML / Asociar label e input y distinguir id de name

Crea nombres visibles para los campos, prueba la asociación for–id y diferencia el identificador del nombre enviado. Corrige etiquetas desconectadas y conserva la ayuda al introducir un valor.

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

Curso de HTML / Formularios HTML: estructura y envío con GET y POST

Comprueba qué valores envía un formulario y cómo influyen name, action, method, readonly y disabled. Distingue la construcción de FormData, la validación del navegador y la respuesta del servidor.

제목 행과 데이터의 행·열 관계가 강조된 표 일러스트

Curso de HTML / Tablas accesibles: caption, scope y celdas combinadas

Identifica el asunto de una tabla y las relaciones entre encabezados y valores. Practica scope de fila, columna y grupo, y comprueba cuándo colspan y rowspan dificultan la lectura.

제목 행이 강조된 기본 데이터 표 일러스트

Curso de HTML / Crear tablas de datos con table, tr, th y td

Construye filas y celdas, distingue encabezados y datos y organiza thead, tbody y tfoot. Aprende a comprobar la correspondencia entre columnas y a conservar una tabla legible en pantallas estrechas.

풍경 사진 아래 빈 캡션 영역이 있는 카드 일러스트

Curso de HTML / Relacionar imágenes y pies con figure y figcaption

Agrupa una imagen y su explicación visible con figure y figcaption. Distingue el pie del texto alternativo, comprueba el archivo de ejemplo y decide cuándo basta una imagen sin figure.

큰 블록 안에 두 개의 작은 묶음이 놓인 일러스트

Curso de HTML / Cuándo utilizar div y span como contenedores

Aprende a agrupar contenido con div y span sin inventar significados. Aplica una tarjeta y un precio con CSS, distingue contenido de flujo y de frase, y corrige una anidación no permitida.

머리글, 탐색, 본문, 보조 영역, 바닥글로 나뉜 웹페이지 일러스트

Curso de HTML / Organizar la página con elementos semánticos

Distingue header, nav, main, article, section, aside y footer según la función del contenido. Crea una página completa y comprueba encabezados, destinos internos y nombres de navegación.

컴퓨터, 태블릿과 휴대전화에 맞게 표시되는 이미지를 나타낸 그림

Curso de HTML / Imágenes adaptables con srcset, sizes y picture

Compara selección de resolución, densidad de píxeles y cambios de encuadre. Prepara cuatro archivos y verifica currentSrc, la caché y los límites de 600 y 601 píxeles sin confundir CSS con descarga.

이미지가 삽입된 웹페이지를 나타낸 그림

Curso de HTML / Insertar imágenes con img, alt, width y height

Inserta una imagen real desde una ruta local, redacta su alternativa textual y conserva la proporción al ajustar el ancho. Distingue el tamaño del archivo de su tamaño de presentación y resuelve errores de carga.