Introducción al uso de HTMLOnline version l objetivo es medir el nivel de comprensión de los conceptos básicos relacionados con la estructura de una página web, las etiquetas fundamentales de HTML, el uso correcto de atributos, la inserción de enlaces, imágenes, formularios simples y los primeros pasos en el lenguaje CSS. Adicionalmente, se incluyen preguntas con opciones incorrectas en su totalidad, con el fin de fomentar el pensamiento crítico, la capacidad de análisis y la identificación de errores frecuentes, los cuales son comunes entre quienes se inician en el desarrollo web. by Rafael Enrrique Bermudez Suarez 1 ¿Qué extensión debe tener el archivo principal al crear una página web en HTML? a htmx b php c htm d html 2 ¿Qué sucede si olvidas cerrar una etiqueta al escribir en HTML? a El navegador genera un error y no muestra nada. b HTML ignora la etiqueta incompleta. c HTML cierra la etiqueta automáticamente. d El archivo no puede ser ejecutado. 3 ¿Cuál es la función del botón derecho y la opción “Abrir con Live Server” en Visual Studio Code? a Ejecutar el archivo en otro IDE. b Ver el código en consola. c Abrir el archivo en el navegador y ver cambios en tiempo real. d D) Convertir el archivo en PDF. 4 ¿Qué contenido aparece en la pestaña del navegador cuando cargamos una página web? a El contenido del body. b El contenido del h1. c El contenido del title. d El nombre del archivo HTML. 5 ¿Es correcto colocar un dentro del en HTML? a Sí, porque es texto como cualquier otro. b No, porque puede ocasionar errores de estructura. c Sí, pero solo si tiene CSS aplicado. d No, porque el navegador no lo reconoce. 6 ¿Qué sucede si escribes una etiqueta no estándar como en lugar de ? a HTML la interpreta como un h1. b No pasa nada, HTML lo convierte. c Puede generar errores y comportamientos inesperados. d Mejora el rendimiento del sitio. 7 ¿Qué estructura debe utilizarse para agrupar el contenido más importante de un sitio web? a b c d 8 ¿Cuál es la jerarquía correcta de los títulos en HTML? a h2 > h3 > h4 > h5 > h6 > h1 b h1 > h2 > h3 > h4 > h5 > h6 c h6 > h5 > h4 > h3 > h2 > h1 d h3 > h1 > h2 > h4 > h6 > h5 9 ¿Dónde debe ir el párrafo con la frase “Todos los derechos reservados”? a Dentro de b Dentro de c Dentro de d Dentro de 10 ¿Cuál es la función de la herramienta “Inspeccionar” del navegador? a Traducir el contenido de la web. b Ver el código fuente y estructura del sitio web en tiempo real. c Crear nuevos archivos HTML. d Publicar sitios en línea. 11 ¿Cuál es la diferencia funcional entre usar el atributo href="#" y omitir el atributo href dentro de un en HTML? ¿Qué consecuencias visuales y funcionales tiene cada uno en un sitio web en producción? a href="#" simula un enlace pero genera salto al inicio de la página; omitir href elimina la funcionalidad de enlace. b Ambos generan el mismo efecto. c El href="#" solo funciona en navegadores modernos. d Omitir href convierte el en botón automáticamente. 12 ¿Por qué se recomienda que las imágenes estén dentro de una carpeta como img/ y no directamente en la raíz del proyecto? a Mejora la organización del proyecto y facilita la gestión de recursos. b Porque HTML no puede acceder a archivos en la raíz. c Porque los navegadores no cargan imágenes si no están en carpetas. d Porque solo así el atributo src funciona correctamente. 13 ¿Qué diferencia práctica y semántica existe entre insertar un ícono SVG directamente en el HTML versus usar una imagen .png del mismo ícono? a SVG permite manipulación por CSS y escalabilidad sin pérdida de calidad. b PNG permite mayor control por CSS. c No hay diferencia real entre SVG y PNG. d Los íconos en PNG son más ligeros que los SVG. 14 ¿Por qué no es recomendable escribir el texto de los enlaces completamente en mayúsculas dentro del HTML, aunque visualmente se deseen en mayúsculas? a Porque la accesibilidad y la semántica indican evitar el uso de mayúsculas forzadas en el HTML. b Porque el navegador lo convierte automáticamente. c Porque el atributo href no lo permite. d Porque en dispositivos móviles no se visualiza correctamente. 15 Al colocar el formulario dentro de la etiqueta , ¿qué impacto tiene si se omite el atributo action y se deja vacío? a El formulario no se envía a ningún servidor y recarga la misma página. b Los datos se envían por defecto a Google. c El formulario no se renderiza. d El navegador lanza un error. 16 ¿Por qué se recomienda utilizar junto con los campos en formularios? a Mejora la accesibilidad y permite asociar texto al campo correspondiente. b Es obligatorio en HTML5. c Porque sin el formulario no se valida. d Solo se usa para cambiar el estilo visual del formulario. 17 Cuando se crea un formulario con múltiples entradas, ¿por qué es buena práctica usar la etiqueta y no simplemente usar ? a Porque agrupa campos de forma semántica, lo que mejora la accesibilidad y organización. b Porque no se visualiza en navegadores antiguos. c Porque aplica automáticamente validaciones. d 18 En el ejemplo del menú de navegación, ¿qué limitación práctica tendría usar una lista si el menú solo tiene dos enlaces simples? a Ninguna, pero agrega más estructura de lo necesario. b No es compatible con CSS moderno. c Provoca errores en navegadores móviles. d Hace que los enlaces no sean clicables. 19 ¿Qué consecuencias tendría insertar una imagen sin modificar la ruta tras moverla a una carpeta llamada img/? a El navegador no encontraría el recurso y mostraría un error de carga. b El navegador buscaría automáticamente en la carpeta. c La imagen se cargaría desde caché. d Solo afectaría la visualización en editores como VS Code, pero no en la web. 20 ¿Qué ventaja significativa tiene usar un botón Enviar en lugar de en formularios HTML modernos? a El botón permite incluir íconos o más etiquetas HTML en su interior. b No hay diferencia entre ambos. c es más compatible con dispositivos táctiles. d es exclusivo para JavaScript. 21 ¿Cuál es la etiqueta correcta para insertar un enlace en HTML? a b c d e f Ninguna de las anteriores 22 ¿Qué atributo se utiliza para insertar una imagen dentro de HTML? a href b alttext c link d sourcefile e Ninguna de las anteriores 23 ¿Cuál es la función principal de la etiqueta en HTML? a Establecer el fondo del sitio web. b Aplicar estilos globales a todo el formulario. c Cargar imágenes dinámicas desde el servidor. d Crear encabezados de nivel 1. e Ninguna de las anteriores 24 ¿Qué etiqueta se utiliza para declarar una hoja de estilos en línea dentro del HTML? a b c d e Ninguna de las anteriores 25 ¿Cuál de los siguientes atributos se usa para cambiar el color de fondo directamente en una etiqueta HTML? a font-color b bgtext c color d background-image e Ninguna de las anteriores
New game