B3T8 Etiquetas HTML

Question 1

A
Proporciona informacion de contacto de una persona, organizacion, etc

Answer 1

<address>
</address>

Question 2

A
Agrupador de bloque sin especial significado

Answer 2

<div>
</div>

Question 3

A
Representa contenido que se cita de otra fuente (etiqueta de bloque)

Answer 3

<blockquote>
</blockquote>

Question 4

A
Lista ordenada

Atributos interesantes:
a) start=nº (por donde empieza a generar la secuencia)
b) type -> I (numeros romanos mayusculas), 1 (enteros), a (letras minusculas)

Answer 4

<ol>
</ol>

Question 5

A
Lista no ordenada

Answer 5

<ul>
</ul>

Question 6

A
Lista de definiciones (un termino y una o varias descripciones)

Answer 6

<dl>
</dl>

Question 7

A
Ilustraciones con información autocontenida: pueden servir para anotar imágenes, videos, tablas, texto, etc

Answer 7

<figure>
</figure>

Question 8

A
Contenido principal de la página. Solo deber de existir uno (si hay más de uno, los demás deben estar hidden)

Answer 8

<main>
</main>

Question 9

E
Nuevo atributo srcset que sirve para configurar imagenes responsive en funcion de la anchura/resolucion del dispositivo en la carga inicial de la pagina
Aqui src funciona como imagen por defecto si el browser no soporta srcset

Answer 9

<img></img>

Question 10

E
Con esta etiqueta y con los distintos sources el navegador puede, dinámicamente, solicitar otra imagen cuando cambie el tamaño de la visualización en el dispositivo
También nos puede servir para cargar una imagen en función del formato que entienda el browser

Answer 10

<picture>
</picture>

Question 11

E
Los gráficos son vectoriales y basados en xml

Answer 11

<svg>
</svg>

Question 12

E
Para incrustar contenido de recursos externos de aplicaciones no-html tenemos estas dos etiquetas
Es posible con la segunda etiqueta pasar parámetros al plugin que procesa el recurso con “param”

Answer 12

<embed></embed>

<object>
</object>

Question 13

E
Atributos interesantes de esta etiqueta:
a) poster=url (imagen de portada)
b) autoplay (comienza a reproducir el video inmediatamente). Podemos empezar en un segundo concreto src=”video.mp4#t=15
c) loop (una vez acaba vuelve a reproducirlo)
d) muted (sin sonido)
e) controls (muestra controles de reproduccion)
f) preload (con valor “auto” precarga el video y con valor “metadata” solo ciertas propiedades del video
Podemos trabajar con alternativas segun lo que entienda el navegador y con pistas(tracks) para los subtitulos/capitulos/descripciones

Answer 13

<video>

<video>
<source></source>
<source></source>
<source></source>
<!--
Otros valores para el atributo kind de <track> :

a) chapters -> poner titulos a los capitulos
b) captions -> transcripcion del audio (incluir para sordos info no verbal por ej)
etc
NOTA: Ejemplo de formato WebVTT

WEBVTT
00:04.000 -> 00:07.000
<v Capitán América>Hola <i>Tony</i>

00:09.000 -> 00:11.000
<v Ironman>¿Me echabas de menos?

00:12.000 -> 00:14.000 align:end size:50%
*ruido*
-->
<track></track>
<img></img>
Su navegador no soporta contenido multimedia.
</video>
</video>

Question 14

E
ofrece unas prestaciones similares a la de “video”

Answer 14

<audio>
</audio>

Question 15

E
podemos definir un mapa de zonas en base a unas coordenadas y luego usar esa definición de zonas sobre una imagen dada

Answer 15

<map>
</map>

Question 16

F
formulario

Answer 16

<form>
</form>

Question 17

I
async (se ejecutará tan pronto como esté disponible pero sin bloquear la carga del documento)
defer (se ejecutará cuando la pagina haya terminado de cargar)

Answer 17

<script>

</script>

Question 18

I
Es un bloque que tiene por defecto un comportamiento desplegable
Título del desplegable que aparece siempre, se encuentre desplegado o no

Answer 18

<details>
</details>

Question 19

I
Similar al comportamiento de display:none, no deja ni el espacio que ocuparía el elemento

Answer 19

<hidden>
</hidden>

Question 20

I
Los cambios que haga el usuario afectan unicamente al DOM generado en cliente

Answer 20

<contenteditable>
</contenteditable>

Question 21

I
Nos permite definir una zona de dibujo usada por el usuario o por algun(os) algoritmos a través de javascript+eventos

Answer 21

<canvas>
</canvas>

Question 22

clonar una plantilla

Answer 22

<template>
</template>

Question 23

S
representa el encabezado de un documento o contenedor section/main/article/…

Answer 23

<header>
</header>

Question 24

S
zona con enlaces de navegacion en el ambito de nuestro site

Answer 24

<nav>
</nav>

Question 25

S representa una agrupación del contenido del que se trata en la pagina

Question 26

S un contenedor de bloques de contenido que se consideran independientes del sitio web y pueden, por lo tanto, ser vistos,reutilizados y distribuidos por separado, como por ejemplo, en la sindicación

Question 27

S Representa información tangencialmente/ligeramente relacionada con el contenedor section/main/article/...

Question 28

S representa el pie de un documento o contenedor section/main/article/...

Question 29

tabla

Answer 29

Tiempo necesario para viajar desde Philadelphia

Destino	En auto	En tren	En bicicleta
Nueva York	1 h 51 min	1 h 22 min	8 h 53 min
Allentown	1 h 11 min	-	6 h 9 min
Reading	1 h 12 min	-	5 h 40 min
Promedio	1 h 24 min	1 h 22 min	6 h 54 min

Cuando las tablas son complejas o difíciles de comprender, los autores deberían proveer indicaciones con el fin de ayudar a los usuarios en la interpretación de los datos. Esta información puede ser presentada en el texto circundante, en el elemento caption o en el elemento figcaption, si la tabla es parte de un elemento figure Atributos importantes de "td": a) colspan -> El número de celdas hacia la derecha que esta celda debería abarcar. Como resultado, esta celda tendrá un ancho igual a su ancho original más el ancho de las celdas que está abracando. b) rowspan -> El número de celdas hacia abajo que esta celda debería abarcar. Como resultado, esta celda tendrá una altura igual a su altura original más la altura de las celdas que está abracando. El atributo scope de "th" indica que esa columna(s) o fila(s) son de encabezado

Question 30

enlace

Answer 30

Cuanto habia frames el atributo target especifica sobre cual se abria dicho enlace target -> _blank (se abre en una nueva ventana o pestaña), _self (en la propia ventana/pestaña), _parent y _top (tenian que ver con frames anidados) hreflang=es (idioma del documento enlazado) download="nombre del fichero para descarga" si tenemos href="#identificador" nos servira para saltar a una parte interna del documento donde se encuente un elemento con dicho identificador

Question 31

Fragmento de texto enfatizado respecto a la frase que lo contiene

Question 32

Fragmento de texto importante o palabras clave

Question 33

Fragmento de texto resaltado, simulando estar marcado con rotulador amarillo

Question 34

Fragmento de texto con voz o tono alternativo al resto o un elemento fuera de la prosa actual

Question 35

Fragmento de texto que llama la atención pero sin importancia destacable (fines utilitarios)

Question 36

Fragmento de texto para nombres propios o escritura incorrecta intencionada

Question 37

Contenedor in-line sin significado especial (sirve para aplicar estilo al texto o agrupar elementos en línea)

Question 38

Termino definido en el texto circundante

Question 39

superíndice y subíndice

Answer 39

^y

Question 40

Anotaciones menores pequeñas puntualizaciones

Question 41

Abreviatura o acrónimo

Question 42

Salto de línea (nueva línea)

Question 43

Entrada de información del usuario (generalmente, combinación de teclado)

Question 44

direcciones del texto

Answer 44

y

Question 45

Salida de información de un programa informático

Question 46

variable

Question 47

Indica una fecha/hora legible para humanos, con formato para máquinas opcional

Question 48

Información equivalente orientado a máquinas/programas

Question 49

Fragmento de código de un lenguaje de programación con "pre" tiene la ventaja de que se respetará el formato: espacios, saltos de linea, etc