Cuestionario de Fundamentos de HTML y CSS

1. Contenedores Genéricos en HTML

En HTML, existen dos contenedores genéricos con la función de contener otros. ¿Cuál se representa de forma en línea?

Respuesta: <span>

2. Objetivo del Elemento de Comentario en HTML

En HTML, ¿qué objetivo tiene el siguiente elemento? Seleccione una:

Respuesta: <!-- --> Comenta el inicio del código de la barra de navegación.

3. Elemento de Encabezamiento de Tabla

¿Qué elemento de HTML forma la fila de encabezamiento de una tabla? Seleccione una:

Respuesta: <th>

4. Identificación de Elementos con Atributos

En el siguiente código, usa los atributos correctos para identificar los elementos HTML:

<div id="menu_del_dia">
<div class="primerplato">

Conceptos clave: Los atributos id y class se utilizan para identificar y agrupar elementos, respectivamente.

5. Elementos que Forman Parte de una Tabla

¿Qué elementos de HTML forman parte de una tabla? Seleccione una o más de una:

Respuesta: <td>, <tr>, <th>, <table>

6. Elemento de Encabezamiento de Sección

¿Cuál es el elemento de HTML para el encabezamiento de una sección? Seleccione una:

Respuesta: <h2> (o cualquier etiqueta de encabezado de <h1> a <h6>)

7. Insertar Video en HTML5

¿Cuál es el elemento correcto para insertar un video en una página web con HTML5? Seleccione una:

Respuesta: <video>

8. Elemento HTML para Texto Importante

¿Cuál es el elemento HTML que define un texto importante para los navegadores y buscadores, y que se visualiza en negrita?

Respuesta: <strong>

9. Regulación y Estandarización de HTML

¿Quién regula y estandariza el código HTML? Seleccione una:

Respuesta: W3C (World Wide Web Consortium)

10. Funcionalidad del Elemento de Enlace (<a>)

¿Para qué sirve el elemento <a> en HTML? Seleccione una o más de una:

  • Vínculo a marcadores dentro de la misma página web.
  • Enlace a páginas web de Internet.
  • Hipervínculos a correos electrónicos.
  • Enlace a otra página web de mi sitio.

11. Atributos de Identificación de Elementos

Podemos identificar los elementos de HTML por dos atributos clave:

  • Hace referencia a un único elemento: id
  • Hace referencia a un tipo de elementos: class

12. Estructura Típica de una Página Web en HTML5

La estructura típica de una página web en HTML5 es la siguiente (rellena lo que falta):

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Grado en Gestión y Marketing Empresarial</title>
</head>
<body>
  <!-- Contenido de la página -->
</body>
</html>

13. Selección de Párrafos dentro de un Div (CSS)

¿Cómo seleccionas todos los elementos de párrafo dentro de un elemento div?

Respuesta: div p

14. Mostrar Hipervínculos sin Subrayado (CSS)

¿Cómo muestras los hipervínculos sin subrayado?

Respuesta: text-decoration: none;

15. Borde Alrededor de una Imagen (CSS)

¿Cómo muestras un borde alrededor de una imagen con anchura de 2px, estilo sólido y redondeado de 5px? Rellena los valores en el orden que se nombran.

Respuesta: img { border-style: solid; border-width: 2px; border-radius: 5px; }

16. Resaltar Contenido de un Párrafo (CSS)

¿Cómo puedo resaltar el contenido de un párrafo? Seleccione una:

  • p {rgb:(0,0,0); }
  • p { font-color:blue; }
  • p { font-weight:bold;}
  • p {font:#000;}

17. Etiqueta para Color de Texto en Línea

¿Cuál es la etiqueta que se usa para definir el color de texto de un párrafo en línea? Seleccione una:

Respuesta: Utilizando el atributo style, por ejemplo: <p style="color: blue;">

18. Sintaxis Correcta de CSS

¿Cuál es la sintaxis CSS correcta? Seleccione una:

  • body = { font-size:2em }
  • {body: font-size:2em; }
  • body { font-size:2em; }
  • body; font-size:2em;
  • body {font-em; }

19. Protocolo de Transmisión de Archivos en Internet

¿Cuál es el protocolo que permite la transmisión de archivos en Internet? Escribe su acrónimo. No dejar espacios.

Respuesta: FTP (File Transfer Protocol)

20. Selector y Estado para Hipervínculos Visitados (CSS)

¿Cuál es el selector y estado para que el texto de un hipervínculo cambie el color del texto después de visitarlo?

Respuesta: a:visited { color: ...; }

21. Elemento para Contenido Principal de una Página Web

¿Cuál es el elemento usado para definir el contenido principal de una página web?

Respuesta: <main>

22. Propiedad CSS para Margen Inferior

¿Qué propiedad CSS se usa para cambiar el margen inferior de un elemento?

Respuesta: margin-bottom

23. Propiedad CSS para Tipo de Fuente

¿Qué propiedad CSS se utiliza para cambiar el tipo de fuente de un elemento? Seleccione una:

  • text-type
  • font-type
  • font-family

24. Significado de HTTP

¿Qué significa HTTP, que permite transmitir páginas web por Internet? (Se puede responder en inglés o castellano, tres palabras).

Respuesta: Hypertext Transfer Protocol (Protocolo de Transferencia de Hipertexto)

25. Eliminación de Subrayado en Enlaces (CSS)

¿Qué elimina en los enlaces el siguiente código CSS? a { text-decoration: none; } (Respuesta: una sola palabra)

Respuesta: subrayado

26. Anchura de Párrafos y H1 (CSS)

Se desea que los párrafos y elementos h1 de una página web tengan una anchura del 90%. Escribe el código CSS correcto en una sola línea.

Respuesta: p, h1 { width: 90%; }

27. Servidor DNS de Nivel Superior

El servidor DNS que contiene el registro de los datos de los DNS de los dominios de nivel superior, ¿se denomina? Seleccione una:

  • # (Index)
  • @ (Principal)
  • • (Raíz)

28. Posicionamiento de Imagen con CSS

¿Con qué propiedad y valor de CSS podemos hacer que una imagen se posicione a la izquierda de un párrafo dentro de un contenedor?

Respuesta: float: left;

29. Nivel de Posicionamiento de Elementos HTML

Los siguientes elementos, ¿a qué nivel se posicionan?

  • <a> (enlace): En línea
  • <b> (negrita): En línea
  • <footer> (pie de página): Bloque
  • <h1> (encabezado de nivel 1): Bloque

30. Margen y Borde de un Elemento

Al aumentar el margen de un elemento, ¿el borde se separa del contenido del mismo? Seleccione una:

Respuesta: Falso (El margen separa el elemento de otros elementos; el padding separa el contenido del borde).

31. Consulta de DNS

¿La consulta de los DNS se realiza en una sola base de datos que está almacenada en un computador o grupo de computadores? Seleccione una:

Respuesta: No, cada servidor solo conoce una parte de la información y se delega en el siguiente servidor DNS de la jerarquía, hasta resolver la IP.

32. Definición de Páginas Web de un Sitio

El sitio web de la escuela https://dida.camarabilbaoubs.com/ contiene varias páginas web, ¿cómo las definiríamos? Seleccione una:

Respuesta: Dinámicas y Web 2.0

33. Estilo de Contenedores Div con Clase

Los contenedores div de clase “plantas” deben tener el texto en mayúsculas y centrado. Escriba el código CSS correcto en una sola línea.

Respuesta: .plantas { text-transform: uppercase; text-align: center; }

34. Relación de Atributos HTML con sus Valores

Relaciona los atributos HTML con sus valores:

  • class: (nombre de la clase CSS)
  • rel: (tipo de relación, como “stylesheet” para CSS o “noopener” para enlaces)
  • src: (fuente de un archivo, como una imagen o un script)
  • href: (URL de un enlace o un recurso externo)
  • charset: (conjunto de caracteres, como “UTF-8”)

35. Propiedad CSS para Sombra de Texto

El encabezamiento de una sección de una página web tiene una imagen de fondo. El elemento h1 (título) del encabezamiento tiene color blanco. No se ve bien por falta de contraste. ¿Qué propiedad CSS permite agregar sombra al texto del título?

Respuesta: text-shadow

36. Insertar Sonido en una Página Web

Deseamos insertar el sonido del rugido de un león (rugido.mp3) en una página web. Está situada en una subcarpeta llamada sonidos, respecto a la ubicación de la página. Escribe la etiqueta completa para que se muestre en la página web:

Respuesta: <audio src="sonidos/rugido.mp3" controls></audio>