¿Qué significan las siglas HTML?
HyperText Markup Language (Lenguaje de Marcas de Hipertexto).
Flashcards con solución de HTML
¿Cuál es la función principal del HTML en la web?
Definir el significado y la estructura del contenido web.
En el contexto de la web, ¿a qué hace referencia el término "Hipertexto"?
A los enlaces que conectan páginas web entre sí.
¿Por qué un lenguaje de marcas como el HTML se diferencia de un lenguaje de programación?
No posee funciones aritméticas ni variables.
En la sintaxis de un elemento HTML, ¿qué nombre recibe el texto que se encuentra entre la etiqueta de inicio y la de fin?
Contenido.
¿Qué etiqueta define la raíz de un documento HTML?
La etiqueta `<html>`.
¿Cuál es el propósito del elemento `<head>` en un documento HTML?
Contener información técnica (metadatos) para el navegador que no se muestra en la página.
¿Qué etiqueta se utiliza para envolver todo el contenido que será visible para el usuario en la página web?
La etiqueta `<body>`.
En un documento HTML, ¿para qué sirve la etiqueta `<meta charset="utf-8">`?
Para definir la codificación de caracteres del documento.
¿Qué elemento semántico representa una sección de una página que vincula a otras páginas o a partes dentro de la misma página?
El elemento `<nav>`.
¿Cuál es la diferencia principal entre los elementos `<div>` y `<span>`?
El `<div>` es un contenedor de bloque y el `<span>` es un contenedor en línea.
Concepto: Elemento semántico
Etiqueta que comunica el significado de su contenido tanto al navegador como al desarrollador.
¿Qué etiqueta se utiliza para definir el encabezado de nivel más alto en un documento?
La etiqueta `<h1>`.
¿Para qué se utiliza el elemento `<aside>`?
Para contenido relacionado indirectamente con el contenido principal, como barras laterales.
¿Qué etiqueta semántica se utiliza para definir el pie de página de un documento o sección?
La etiqueta `<footer>`.
¿Qué elemento representa una composición autónoma en un documento, como un post de blog o un artículo de noticias?
El elemento `<article>`.
¿Cuál es la función del atributo `alt` en una etiqueta `<img>`?
Proporcionar una descripción textual alternativa de la imagen para accesibilidad o si la imagen no carga.
¿Qué etiqueta se utiliza para insertar un salto de línea sin empezar un nuevo párrafo?
La etiqueta `<br>`.
La etiqueta utilizada para representar texto importante o clave, generalmente mostrado en negrita, es _____.
`<strong>`
¿Qué diferencia semántica hay entre `<em>` e `<i>`?
`<em>` indica énfasis en el texto, mientras que `<i>` representa un tono de voz alternativo sin importancia especial.
¿Para qué sirve el elemento `<mark>`?
Para resaltar fragmentos de texto que tienen una relevancia especial en un contexto determinado.
¿Qué etiqueta se usa para definir una abreviatura o un acrónimo?
La etiqueta `<abbr>`.
¿Cuál es el propósito del elemento `<code>`?
Mostrar fragmentos de código de computadora.
En HTML, ¿qué elemento se utiliza para marcar una cita textual larga proveniente de otra fuente?
El elemento `<blockquote>`.
¿Qué etiqueta se utiliza para crear una lista ordenada (con números)?
La etiqueta `<ol>`.
¿Cómo se define cada uno de los ítems dentro de una lista `<ul>` u `<ol>`?
Mediante la etiqueta `<li>`.
En una lista de definiciones (`<dl>`), ¿qué etiqueta se usa para el término que se va a definir?
La etiqueta `<dt>`.
¿Qué etiqueta se utiliza para incrustar un video en una página web?
La etiqueta `<video>`.
¿Para qué sirve el atributo `controls` en las etiquetas de audio y video?
Para mostrar la interfaz de usuario que permite reproducir, pausar y ajustar el volumen.
¿Cuál es la función del elemento `<source>` dentro de `<video>` o `<audio>`?
Especificar múltiples archivos multimedia alternativos para que el navegador elija el que soporte.
El elemento que permite definir múltiples versiones de una imagen para diferentes dispositivos o resoluciones es _____.
`<picture>`
¿Qué atributo de la etiqueta `<a>` se usa para especificar que el enlace debe abrirse en una pestaña nueva?
`target="_blank"`.
¿Cuál es la diferencia entre una ruta absoluta y una ruta relativa?
La ruta absoluta incluye el protocolo y dominio completo, mientras que la relativa depende de la ubicación del archivo actual.
En formularios, ¿para qué sirve el atributo `placeholder`?
Para mostrar una sugerencia visual o ejemplo dentro del campo antes de que el usuario escriba.
¿Qué tipo de `<input>` se utiliza para permitir al usuario seleccionar solo una opción de un grupo?
`type="radio"`.
¿Para qué se utiliza el atributo `required` en un campo de formulario?
Para obligar al usuario a rellenar ese campo antes de enviar el formulario.
¿Qué etiqueta se usa para crear un área de texto multilínea en un formulario?
La etiqueta `<textarea>`.
¿Cuál es la función de la etiqueta `<label>` y su atributo `for`?
Asociar un texto descriptivo con un campo de entrada mediante el `id` de este último.
¿Qué etiqueta de formulario se utiliza para crear una lista desplegable de opciones?
La etiqueta `<select>`.
¿Qué atributo del elemento `<input>` limita la cantidad máxima de caracteres permitidos?
`maxlength`.
¿Cuál es el propósito del elemento `<fieldset>`?
Agrupar elementos relacionados dentro de un formulario.
En tablas, ¿qué etiqueta se utiliza para definir una fila?
La etiqueta `<tr>`.
¿Qué diferencia hay entre `<td>` y `<th>` en una tabla?
`<td>` se usa para datos estándar y `<th>` para celdas de encabezado (generalmente centradas y en negrita).
¿Para qué se utiliza el atributo `colspan` en una celda de tabla?
Para que una celda se extienda horizontalmente a través de varias columnas.
¿Qué elemento semántico se utiliza para envolver el contenido principal y único de una página?
El elemento `<main>`.
En Emmet, ¿qué operador se utiliza para indicar que un elemento es hijo de otro (por ejemplo, `nav>ul`)?
El operador mayor que (`>`).
En Emmet, ¿qué operador se usa para multiplicar elementos (por ejemplo, `li*5`)?
El asterisco (`*`).
¿Qué símbolo se usa en Emmet para asignar una clase a un elemento?
El punto (`.`).
¿Qué símbolo se usa en Emmet para asignar un ID a un elemento?
La almohadilla o numeral (`#`).
En Emmet, ¿qué operador se utiliza para subir un nivel en el árbol jerárquico de elementos?
El acento circunflejo (`^`).
En Emmet, ¿qué símbolo se utiliza para realizar una numeración automática de elementos (por ejemplo, `item$*3`)?
El símbolo de dólar (`$`).
¿Para qué se utiliza la etiqueta `<iframe>`?
Para incrustar otra página web o documento dentro de la página actual.
¿Qué etiqueta se utiliza para insertar una línea horizontal que separa secciones de texto?
La etiqueta `<hr>`.
El elemento utilizado para definir texto preformateado, conservando espacios y saltos de línea, es _____.
`<pre>`
¿Cuál es la función del elemento `<sub>`?
Definir texto como subíndice.
¿Cuál es la función del elemento `<sup>`?
Definir texto como superíndice.
¿Para qué sirve el elemento `<time>`?
Para representar fechas y horas de una manera que sea legible para máquinas.
¿Qué etiqueta se utiliza para asociar una leyenda o título a un elemento `<figure>`?
La etiqueta `<figcaption>`.
¿Qué atributo global se utiliza para identificar de forma única a un elemento en todo el documento?
El atributo `id`.
¿Qué atributo global se utiliza para aplicar estilos CSS o seleccionar múltiples elementos en JavaScript?
El atributo `class`.
¿Para qué sirve el atributo global `title`?
Para ofrecer información adicional que suele aparecer como una etiqueta flotante al pasar el ratón.
¿Qué funcionalidad permite el atributo `loading="lazy"` en etiquetas de video o audio según las novedades de 2026?
La carga diferida de los archivos multimedia para mejorar el rendimiento inicial de la página.
¿Qué etiqueta se utiliza para definir el título de la página que aparece en la pestaña del navegador?
La etiqueta `<title>`.
¿Qué herramienta web se utiliza para consultar la compatibilidad de características de HTML5 y CSS3 en diferentes navegadores?
Can I Use.
¿Qué define el "Modo Quirks" en un navegador?
Un modo de renderizado para páginas antiguas que no siguen los estándares modernos.
¿Qué significan las siglas HTML?
HyperText Markup Language (Lenguaje de Marcado de Hipertexto).
¿Qué etiqueta se utiliza para crear un enlace en un documento?
La etiqueta <a>.
¿Qué etiqueta define una tabla en HTML?
La etiqueta <table>.
¿Cuál es el propósito principal de la etiqueta <meta>?
Proporcionar metadatos sobre el documento HTML.
¿Qué atributo especifica la dirección de destino de un enlace?
El atributo href.
¿Qué etiqueta se emplea para insertar una imagen?
La etiqueta <img>.
¿Cuál es la sintaxis correcta para escribir un comentario en HTML?
Se utiliza la estructura <!-- comentario -->.
¿Qué etiqueta se usa para definir una lista desordenada?
La etiqueta <ul>.
¿Cómo se define un párrafo en el marcado HTML?
Mediante el uso de la etiqueta <p>.
¿Qué atributo proporciona un texto alternativo para una imagen?
El atributo alt.
¿Qué etiqueta se utiliza para incrustar un archivo de video?
La etiqueta <video>.
¿Qué etiqueta se usa habitualmente para dar formato de negrita al texto?
La etiqueta <b> o <strong>.
¿Qué etiqueta se utiliza para crear un contenedor de formulario?
La etiqueta <form>.
¿Cuál es la función del atributo 'method' en un formulario?
Especificar el método HTTP (GET o POST) para enviar los datos.
En la jerarquía de encabezados, ¿cuál representa el nivel de mayor importancia?
La etiqueta <h1>.
Elemento de lista utilizado para listas ordenadas (numeradas): _____.
<ol>
¿Qué etiqueta se utiliza para definir una lista de descripción?
La etiqueta <dl>.
¿Qué sección del documento HTML contiene información no visible para el usuario como el título y los metadatos?
La sección <head>.
¿Qué sección del documento contiene todo el contenido visible de la página web?
La sección <body>.
¿Qué atributo global se utiliza para identificar de forma única a un elemento en una página?
El atributo id.
¿Para qué sirve el atributo global 'class'?
Para agrupar elementos y aplicarles estilos CSS o funcionalidades JS comunes.
¿Qué atributo global permite ocultar un elemento de la vista del usuario?
El atributo hidden.
¿Qué función cumplen los atributos data-* en HTML?
Permiten almacenar datos personalizados privados para la página o aplicación.
¿Qué etiqueta semántica define la cabecera de una página o una sección?
La etiqueta <header>.
¿Qué etiqueta identifica el contenido principal y único de un documento?
La etiqueta <main>.
¿Qué etiqueta define una sección genérica y autónoma de contenido dentro de un documento?
La etiqueta <section>.
¿Qué etiqueta se utiliza para asociar un texto descriptivo con un control de formulario?
La etiqueta <label>.
¿Qué etiqueta proporciona un título o leyenda descriptiva para una tabla?
La etiqueta <caption>.
¿Qué sección de la tabla se utiliza para agrupar el contenido del encabezado?
La etiqueta <thead>.
¿Qué sección de la tabla se utiliza para agrupar el cuerpo de los datos?
La etiqueta <tbody>.
¿Qué etiqueta define una celda de encabezado en una tabla?
La etiqueta <th>.
¿Para qué sirve el atributo 'scope' en una celda de encabezado de tabla?
Para especificar si el encabezado es para una fila, columna o grupo.
¿Qué etiqueta se utiliza para crear una lista desplegable en un formulario?
La etiqueta <select>.
¿Qué elemento permite la entrada de texto de varias líneas en un formulario?
La etiqueta <textarea>.
¿Qué protocolo de metadatos mejora la visualización de un enlace al ser compartido en redes sociales?
El protocolo Open Graph.
¿Qué formato se utiliza comúnmente para implementar datos estructurados para SEO en HTML?
El formato JSON-LD.
¿Qué significa el acrónimo ARIA en el contexto de accesibilidad?
Accessible Rich Internet Applications (Aplicaciones de Internet Enriquecidas Accesibles).
En Core Web Vitals, ¿qué mide la métrica LCP?
El tiempo de carga del contenido más grande de la página (Largest Contentful Paint).
En Core Web Vitals, ¿qué mide la métrica CLS?
La estabilidad visual de la página (Cumulative Layout Shift).
En Core Web Vitals, ¿qué mide la métrica INP?
La respuesta a las interacciones del usuario (Interaction to Next Paint).
¿Qué atributo de la etiqueta <script> permite cargar el archivo sin bloquear el renderizado y ejecutarlo tras parsear el HTML?
El atributo defer.
¿Qué etiqueta nativa se utiliza para crear ventanas modales o diálogos?
La etiqueta <dialog>.
¿Qué combinación de etiquetas crea un bloque desplegable (acordeón) sin usar JavaScript?
Las etiquetas <details> y <summary>.
¿Qué tecnología permite crear etiquetas HTML personalizadas y reutilizables?
Los Custom Elements (Web Components).
¿Qué concepto de Web Components permite encapsular el DOM y los estilos para que no afecten al resto del documento?
El Shadow DOM.
¿Qué etiqueta se utiliza para definir fragmentos de HTML que no se renderizan al cargar la página pero pueden usarse luego mediante JS?
La etiqueta <template>.
¿Qué elemento de Web Components sirve como marcador de posición para contenido externo?
La etiqueta <slot>.
¿Qué atributo global se utiliza para proporcionar información adicional que aparece al pasar el ratón sobre un elemento?
El atributo title.
¿Qué etiqueta semántica se usa para contenido relacionado tangencialmente, como barras laterales?
La etiqueta <aside>.
¿Qué etiqueta define el pie de página de un documento o sección?
La etiqueta <footer>.
¿Qué etiqueta agrupa varios controles y etiquetas dentro de un formulario?
La etiqueta <fieldset>.
¿Qué etiqueta define un título para el grupo de elementos de un <fieldset>?
La etiqueta <legend>.
¿Qué etiqueta se utiliza para agrupar opciones relacionadas dentro de un elemento <select>?
La etiqueta <optgroup>.
¿Qué etiqueta representa el resultado de un cálculo o acción del usuario?
La etiqueta <output>.
¿Qué atributo se utiliza en la etiqueta <a> para abrir un enlace en una pestaña nueva?
El atributo target="_blank".
¿Qué etiqueta define una celda de datos estándar en una tabla?
La etiqueta <td>.
¿Qué etiqueta define una fila en una tabla HTML?
La etiqueta <tr>.
¿Qué etiqueta se utiliza para insertar contenido de audio?
La etiqueta <audio>.
¿Cómo se denominan las etiquetas que no tienen una etiqueta de cierre, como <img> o <br>?
Elementos vacíos o void elements.
¿Qué etiqueta de enlace ayuda a evitar problemas de contenido duplicado indicando la versión preferida a los buscadores?
La etiqueta <link rel="canonical">.
Concepto: Semántica HTML
Uso de etiquetas que describen el significado del contenido para navegadores, buscadores y tecnologías asistivas.
¿Qué atributo de <script> descarga el archivo en segundo plano y lo ejecuta inmediatamente al terminar la descarga?
El atributo async.
¿Qué herramienta en línea permite escribir y previsualizar código HTML, CSS y JS de forma rápida?
CodePen.
¿Qué etiqueta se utiliza para definir la navegación principal de un sitio web?
La etiqueta <nav>.
¿Cuál es la función del atributo 'action' en un formulario?
Indicar la URL a la que se enviarán los datos del formulario.
Página 1 / 1