Frontend - Examen Teórico HTML CSS

¿Cuáles son los conceptos básicos de Git y GitHub?

• Control de versiones y repositorios de código

• Etiquetado y ramificación

• Desarrollo colaborativo y seguimiento de problemas

• Compilación de código y pruebas de unidad

• 1. Almacenamiento de datos y análisis de datos

1. ¿Cuál es la diferencia entre un commit y un push en Git?

• La diferencia es que un push guarda los cambios en el repositorio local, mientras que un commit envía los cambios al repositorio remoto.

• Un commit guarda los cambios en el repositorio local, mientras que un push envía los cambios al repositorio remoto.

• La diferencia es que un commit guarda los cambios en la nube, mientras que un push envía los cambios al repositorio remoto.

• Un push guarda los cambios en el repositorio local.
• Un commit guarda los cambios en el repositorio remoto.

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.

¿Cuál es la función de las etiquetas de encabezado (heading tags) en HTML?

• Establecer enlaces a otras páginas

• Definir el tamaño del texto

• Indicar la importancia relativa del contenido en la página

• Dar formato al texto

• 1. Insertar imágenes en la página

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.

1. ¿Cuál es la diferencia entre el valor "content-box" y "border-box" para la propiedad "box-sizing"?

• "content-box" establece que el tamaño total del elemento incluye el contenido, el padding y el borde, mientras que "border-box" incluye solo el contenido y el padding.

• "content-box" excluye el padding, el borde y el margen del tamaño total del elemento, mientras que "border-box" los incluye.

• "content-box" incluye el margen del elemento en el tamaño total, mientras que "border-box" lo excluye.

• "content-box" no afecta el tamaño total del elemento, mientras que "border-box" ajusta el tamaño total considerando el contenido, el padding y el borde.

• "content-box" incluye solo el contenido en el tamaño total del elemento, mientras que "border-box" incluye el contenido, el padding y el borde.

¿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.