Frontend - Examen Teórico HTML CSS

Explica el concepto de HTML y menciona su importancia en la web.

• Lenguaje de estilos para dar formato y diseño a una página web

• Lenguaje de programación para crear aplicaciones web interactivas

• Lenguaje de marcado para definir la estructura y contenido de una página web

• Lenguaje de consultas para extraer datos de una base de datos

• 1. Lenguaje de script para automatizar tareas en el navegador

1. ¿Cuál es la importancia de los elementos semánticos en HTML5?

• Reducen el tiempo de carga de la página.

• Aumentan la compatibilidad con navegadores antiguos.

• Facilitan el diseño visual del sitio.

• Incrementan la seguridad del sitio web.

• Mejoran la accesibilidad y la estructura del contenido web.

11. ¿Qué significa CSS y cuál es su función principal en el desarrollo web?

• CSS significa Central Style Sheets y su función principal es controlar la funcionalidad de una página web.
• CSS significa Cascading Style Sheets y su función principal es controlar el aspecto visual de una página web.
• CSS significa Computer Style Sheets y su función principal es controlar el contenido de una página web.
• CSS significa Custom Style Sheets y su función principal es controlar la interacción de una página web.
• CSS significa Cascading Style Scripts y su función principal es controlar la estructura de una página web.

11. ¿Cuál es la diferencia entre "padding" y "margin" en CSS?

• El "padding" y el "margin" son términos intercambiables y se refieren al mismo concepto en CSS.

• El "padding" y el "margin" son sinónimos y se utilizan indistintamente en CSS para referirse al espacio entre los elementos en una página web.

• El "padding" controla el espacio entre un elemento y los elementos circundantes, mientras que el "margin" controla el espacio entre el borde de un elemento y su contenido interno.

• El "padding" controla el espacio entre el borde de un elemento y su contenido interno, mientras que el "margin" controla el espacio entre el borde de un elemento y los elementos circundantes.

• El "padding" y el "margin" son propiedades que controlan el tamaño de un elemento en CSS y no tienen diferencia alguna.

¿Cuál es la diferencia entre "display: inline" y "display: block" en CSS?

• El elemento con "display: inline" siempre se muestra en una línea horizontal, mientras que "display: block" se muestra en una línea vertical.

• El elemento con "display: block" ocupa todo el ancho disponible, mientras que "display: inline" solo ocupa el ancho necesario para su contenido.

• "display: inline" y "display: block" son idénticos y pueden usarse indistintamente.

• "display: inline" no permite ajustar el margen y el relleno, mientras que "display: block" sí lo permite.

• "display: block" hace que el elemento sea invisible en la página, mientras que "display: inline" lo muestra de manera visible.

¿Cuál es la diferencia entre "position: relative" y "position: absolute" en CSS?

• "position: relative" y "position: absolute" son lo mismo y pueden usarse indistintamente sin diferencia alguna.

• Con "position: relative", el elemento se desplaza en relación con su posición normal, mientras que con "position: absolute", el elemento se desplaza en relación con su primer ancestro posicionado.

• "position: relative" coloca el elemento en la esquina superior izquierda del navegador, mientras que "position: absolute" lo coloca en el centro de la página.

• Ambos valores hacen que el elemento sea flotante, pero "position: relative" lo hace de forma relativa al contenedor y "position: absolute" de forma absoluta en la ventana del navegador.

¿Cuál es la diferencia entre "em" y "rem" en CSS?

• 'em' se basa en el tamaño de fuente del elemento padre, mientras que 'rem' se basa en el tamaño de fuente del elemento raíz (html).
• 'em' se basa en el tamaño de fuente del elemento hijo, mientras que 'rem' se basa en el tamaño de fuente del elemento padre.
• 'em' se utiliza para estilos en línea, mientras que 'rem' se utiliza para estilos globales.
• 'em' se utiliza para márgenes y rellenos, mientras que 'rem' se utiliza para colores y fuentes.
• 'em' es relativo al tamaño de fuente del navegador, mientras que 'rem' es relativo al tamaño de fuente del dispositivo.

¿Cuál es la diferencia entre "display: none" y "visibility: hidden" en CSS?

• La propiedad 'display: none' elimina completamente un elemento del flujo de la página, mientras que 'visibility: hidden' oculta el elemento pero mantiene su espacio en el diseño.
• Usar 'display: none' hace que el elemento sea transparente, mientras que 'visibility: hidden' lo hace invisible
• La propiedad 'display: none' solo oculta el elemento visualmente, mientras que 'visibility: hidden' lo elimina del DOM
• Con 'display: none' el elemento sigue ocupando espacio en el diseño, pero con 'visibility: hidden' desaparece por completo
• 'display: none' y 'visibility: hidden' son sinónimos y se pueden usar indistintamente en CSS

¿Cuál es la importancia de los hipervínculos

• Los hipervínculos son una forma de publicidad engañosa en las páginas web
• Los hipervínculos son importantes porque permiten la navegación entre diferentes páginas web.

• Los hipervínculos solo sirven para confundir a los usuarios al navegar por internet
• Los hipervínculos son una amenaza para la seguridad cibernética al permitir el acceso a sitios maliciosos
• Los hipervínculos son irrelevantes ya que la información se puede encontrar fácilmente sin ellos

Explica cómo se utiliza la etiqueta <details> en HTML para crear elementos desplegables.

• se usa para crear tablas en HTML.

• se utiliza para insertar videos en HTML.

• se emplea para cambiar el color de texto en HTML.

• Para crear elementos desplegables que contienen información adicional.

• se usa para crear formularios en HTML.