Tema 5, Bloque 3 - HTML Flashcards
(79 cards)
1
Q
¿Cuál de las siguientes etiquetas HTML se corresponde con una palabra destacada?
- b
- strong
- i
- em
A
strong
2
Q
¿Cuál es la semántica de la etiqueta i?
- Texto en cursiva sin significado especial
- Texto resaltado respecto a su contexto, sin importancia especial
- Texto enfatizado con respecto al contexto
- Texto con voz o tono alternativo al resto
A
Texto con voz o tono alternativo al resto
3
Q
¿Cuál es la semántica de la etiqueta b?
- Fragmento de texto enfatizado con respecto a la frase que lo contiene
- Texto que llama la atención, sin importancia destacable
- Texto importante o con palabras clave
- Fragmento de texto resaltado
A
Texto que llama la atención, sin importancia destacable
4
Q
¿Cuál es la semántica de la etiqueta u?
- Texto para nombres propios o escritura incorrecta intencionada
- Texto con importancia dentro del contexto
- Texto enfatizado dentro del contexto
- Texto resaltado
A
Texto para nombres propios o escritura incorrecta intencionada
5
Q
¿En cuál de estas situaciones se podría usar apropiadamente la etiqueta small?
- Texto con alguna aclaración o puntualización menor dentro de la frase
- Texto con menos importancia dentro la frase
- Definición de término entre paréntesis
- Inserción de contenido de otra fuente
A
Texto con alguna aclaración o puntualización menor dentro de la frase
6
Q
¡Cuál de estas etiquetas sirve para indicar texto con posible cambio de dirección respecto al texto del entorno?
- bdo
- bdi
- rti
- rto
A
bdi
7
Q
Respecto a la etiqueta pre…
- Sirve para representar código y no preserva espacios y saltos de línea tal y como se introdujeron
- Pone el texto en cursiva
- Sirve para representar código y preserva espacios y saltos de línea tal y como se introdujeron
- Representa la salida de un programa
A
Sirve para representar código y preserva espacios y saltos de línea tal y como se introdujeron
8
Q
Respecto a la etiqueta code…
- Sirve para representar código y no preserva espacios y saltos de línea tal y como se introdujeron
- Pone el texto en cursiva
- Sirve para representar código y preserva espacios y saltos de línea tal y como se introdujeron
- Representa la salida de un programa
A
Sirve para representar código y no preserva espacios y saltos de línea tal y como se introdujeron
9
Q
¿Para qué sirve la etiqueta ruby?
A
Para añadir anotaciones fonéticas relativas a la pronunciación de caracteres de Asia oriental
10
Q
¿Para qué sirve la etiqueta data?
A
Añade información equivalente orientada a máquinas
11
Q
¿Qué es y para qué sirve “colgroup”?
A
Es una etiqueta HTML para especificar el formato/opciones “gráficas” de un grupo de columnas en una tabla HTmL
12
Q
Secciones de una tabla HTML vienen dadas por las etiquetas:
- th, tb, tf
- theader, tbody, tfooter
- thead, tbofy, tfooter
- thead, tbofy, tfoot
A
thead, tbofy, tfoot
13
Q
¿Con qué etiqueta especificamos una celda dentro de un tr?
A
Con la etiqueta td
14
Q
¿Cuáles son los atributos que permiten fusionar filas y columnas de la tabla?
A
rowspan y colspan
15
Q
¿Cómo se especifican las celdas de cabecera?
- Con td dentro de un th representando una fila de cabecera
- Con thead dentro de un tr representando una celda de cabecera
- Con th dentro de un tr representando una celda de cabecera
- Con td dentro de un tr representando una celda de cabecera
A
Con th dentro de un tr representando una celda de cabecera
16
Q
¿Qué indica el atributo “scope”?
A
Especifica si una celda de cabecera lo es para la columna, fila o grupo de columnas y filas.
17
Q
¿Cuáles son las etiquetas con semántica para estructurar una web HTML5?
A
18
Q
Respecto a la etiqueta header, selecciona la(s) correcta(s):
- Sólo debe aparecer una vez en la página
- Puede aparecer repetidas veces
- Sólo puede aparecer por encima de una etiqueta article
- header es el equivalente a h1,,h2,etc en HTML4
A
Sólo hay una correcta: Puede aparecer repetidas veces
19
Q
La caraga carga de un script sin bloquear la de la página se especifica dentro de la etiqueta script con el atributo…
- no-defer
- async
- onload
- sync
A
async
20
Q
¿Qué etiqueta genera un desplegable al hacer un click, sin ser una lista de selección?
A
details
21
Q
El título de un desplegable “details” se especifica con
- Atributo title
- Etiqueta title dentro de details
- Etiqueta summary dentro de details
- Atributo caption
A
Etiqueta summary dentro de details
22
Q
¿Qué atributo permite editar directamente en el browser el contenido de, por ejemplo, un p, y toma los valores “true”, “false” o “” (equivalente a “true”)?
A
contenteditable
23
Q
¿Para qué sirve el atributo hidden?
A
Para esconder el elemento sin dejar ni siquiera el espacio que ocuparía.
24
Q
¿Qué etiqueta permite crear una zona dibujable “on the fly” via javascript o eventos?
A
canvas
25
¿Para qué sirve la etiqueta template?
Para crear contenido que no se mostrará tras la carga de la página y que se podrá mostrar usando JavaScript
26
¿Qué representa la etiqueta dialog?
El **elemento** **HTML** representa una caja de diálogo u otro componente interactivo, como inspector o ventana.
27
Con respecto a la etiqueta dialog, selecciona la incorrecta:
* El atributo open indica que el diálogo está activo y disponible para interactuar.
* Cuando el atributo open no está asignado, no debe mostrarse al usuario.
* El atributo open puede tomar los valores “true” o “false”
* La etiqueta puede usarse para encerrar un formulario
El atributo open puede tomar los valores “true” o “false”
28
Con respecto a la etiqueta label, selecciona la incorrectas
* Lectores de pantalla leerán en alto la etiqueta cuando se activa el focus sobre el elemento
* Al hacer click sobre ella, se activará el elemento correspondiente
* Hace referencia mediante for="id\_element" a un elemento concreto
* Un campo de entrada ha de estar entre la etiqueta label de apertura y de cierre
Un campo de entrada ha de estar entre la etiqueta label de apertura y de cierre
29
¿Cómo se especifican valores concretos para el slider de un input range?
30
Selecciona el tipo de input para el siguiente elemento:
text
31
Selecciona el tipo de input para el siguiente elemento:
date
32
Selecciona el tipo de input para el siguiente elemento:
password
33
Selecciona el tipo de input para el siguiente elemento:
radio
34
Selecciona el tipo de input para el siguiente elemento:
tel
35
Selecciona el tipo de input para el siguiente elemento:
range
36
Selecciona el tipo de input para el siguiente elemento:
email
37
Selecciona el tipo de input para el siguiente elemento:
checkbox
38
Selecciona el tipo de input para el siguiente elemento:
number
39
Selecciona el tipo de input para el siguiente elemento:
color
40
Selecciona el tipo de input para el siguiente elemento:
submit
41
Selecciona el tipo de input para el siguiente elemento:
reset
42
Selecciona el tipo de input para el siguiente elemento:
textarea
43
¿cómo construirías este elemento?
44
¿cómo construirías este elemento?
45
¿Cuál de los siguientes incluye un tipo de input inexistente en HTML5?
* date, time, tel, hidden, reset, image, search
* month, time, tel, hidden, reset, submit
* datetime-local, file, week, month, url
* number, password, image, option
La cuarta: option no es un tipi de input
46
¿Cómo crearía esta lista de selección?
47
¿Cuál es el efecto de especificar un datalist mediate list="datalist\_id" en un input de tipo text?
Nos aparecen sugerencias extraídas de entre la lista debajo del cuadro de texto a medida que introducimos texto
48
¿Cuál es la diferencia entre un datalist y un select?
El primero sólo es para especificar sugerencias y no aparece en la página renderizada, mientras que en el primero aparece en la página y tenemos que elegir entre las opciones.
49
¿Cuáles son los valores por defecto de los atributos min y max cuando no se especifican en un elemento meter y un progress?
0 y 1
50
Selecciona la respuesta correcta. Son atributos globales de los input:
* form=id (es nuevo de HTML5)
* autofocus
* readonly
* maxlength/minlength=nº caracteres
* required (obligatorio)
* autocomplete="on"
* pattern=expresión
* todos los de arriba
Todos los de arriba
51
¿Para qué sirve el atributo global accesskey y cómo funciona?
provee un indicio para generar un atajo de teclado para el elemento actual . Este atributo consiste en una lista de caracteres separada por espacios. La combinación para activar el accesskey depende del navegador (ver adjunto).
52
¿Para qué sirve un input type="image"?
Es una forma alternativa de definir un botón de submit usando una imagen
53
¿Para qué sirve el atributo global tabindex?
Contiene un valor numerico que indica el orden de foco de los distintos objetos de la pagina (con el tabulador)
54
¿Cuál de los siguientes no es una opción a añadir al submit en HTML5?
* formaction="url"
* formnovalidate (enviar sin validar)
* formmethod ("get/post/dialog")
* formtarget="\_blank"
* formenctype ("text/plain", “application/x-www-form-urlencoded” (default), “multipart/form-data”)
* formencoding ("text/plain", “application/x-www-form-urlencoded” (default), “multipart/form-data”)
formctype
55
Seleccione la respuesta incorrecta con respecto al atributo wrap de un textarea:
* Indica si debe partir el texto en lugar de poner una barra deslizante, y puede tomar los valores “true” o “false”
* Puede ir acompañado de los atributos ncols y nrows
* El valor “soft” es por defecto e indica que el textarea no se wrapea al enviar el formulario
* Se usa para especificar si el texto contiene nuevas líneas cuando se envía el formulario, en cuyo caso se encesita especificar simultáneamente el valor ncols
Indica si debe partir el texto en lugar de poner una barra deslizante, y puede tomar los valores “true” o “false”
56
¿Cuál es la diferencia entre las etiquetas img y picture?
picture se puede usar para especificar otra imagen/tamaño de imagen si el tamaño de la visualización cambia una vez cargada la página. Además, se puede usar para especificar imágenes en diferent4es formatos para que el navegador cargue el formato que entienda
57
¿Cómo funcionan los atributos srcset y sizes de img?
srcset especifica un ratio en píxeles (con una x al final) o bien la acnhura de un conjunto de imágenes (con w al final), de tal forma que el navegador selecciona la óptima: srcset="img1 px, img2 px, img3 px".
Con sizes se puede especificar cuál debería ser el tamaño de la imagen usando una media query, ,ej: sizes="(min-width: 900px) 1000px, (max-width: 900px) and (min-width: 400px) 50em"
58
Dentro de la etiqueta picture, ¿cómo se especifican las imágenes usando media queries?
59
¿Cómo se pueden crear gráficos vectoriales?
* Mediante la etiqueta canvas y javascript
* Mediante la etiqueta svg y javascript
* Mediante svg y elementos xml dentro de ella
* Mediante svg con varios atributos
Mediante svg y elementos xml dentro de ella
60
¿Qué sucede al especificar el atributo sandbox sin valor en un iframe?
Todas las características se deshabilitan por defecto
61
¿Cómo se podría restringir el uso de micrófono y servicios de geolocalización dentro de un iframe?
Con allow="microphone ‘none’ ; gelocalization ‘none’"
62
¿Cómo se podría permitir el envío de formularios y ejecución de scripts dentro de un iframe?
Con el atributo sandbox="allow-forms allow-scripts"
63
´Como se puede proporcionar código in-line a un iframe?
Mediante el atributo srcdoc, ej: srcdoc="
## Footnote
Hola
"
64
¿Con qué etiqueta de las siguientes no podemos incrustar un recurso externo?
* embed
* object
* video
* map
map - sirve para definir un mapa de zonas en una imagen y poner por ejemplo enlaces diferentes al picar en cada zona
65
Nombra 6 atributos de la etiqueta vídeo y su funcionalidad
1. poster=url (imagen de portada)
2. autoplay (comienza a reproducir el video inmediatamente). Podemos empezar en un segundo concreto con src="video.mp4#t=15
3. loop (una vez acaba vuelve a reproducirlo)
4. muted (sin sonido)
5. controls (muestra controles de reproduccion)
6. preload (con valor "auto" precarga el video y con valor "metadata" solo ciertas propiedades del video.
66
¿Cómo podemos añadir una pista de subtítulos ee un fichero aparte trabajando con la etiqueta video?
Con track kind="subtitles" label="Subtítulos en español" src="subs-es.vtt" srclang="es"
67
¿Para qué sirve la etiqueta figure?
Esta etiqueta especifica material auto-contenido, como un exto, fotos,, etc que se puede anotar desde dentro con la etiqueta figcaption.
68
¿Cuál es la diferencia entre las etiquetas cite, quote y q?
cite muestra la referencia de algo (autor, obra, url, …). q es para un texto in-line (i.e. cita corta) citado de otra fuente, mientras que blockqoute es para un bloque de texto citado (serían anáologos a span y div, respectivamente). A ambos se les puede especificar la fuente con el atributo cite
69
¿Cómo se crea una lista de definición?
La etiqueta dl cierra y abre la lista. Los términos a definir se añaden con dt y la definición se escribe dentro de un dd.
70
¿Qué representa la etiqueta main y cuántas puede haber en el documento HTML?
Representa el contenido principila de la página; sólo puede haber 1, o en su caso las demás tiene que tener el atributo hidden.
71
¿Con qué etiqueta se especifica la pronunciación de los caracteres asiáticos dentro de una etiqueta ruby?
Con rt y rp
72
¿Cuál es el motor de renderizado de Edge, Chrome y Opera?
Blink
73
Nombra cuatro frameworks front-end
Angular, Ember.js,, VUE.js y ReactJS
74
¿Cómo se llama el método para hacer peticiones AJAX?
XhtmlHttpRequest
75
¿Cómo se pueden aplicar atributos persoanlizados en HTML5?
Mediante atributos data-\* (ej. data-codigo) → objeto.dataset.codigo o mediante las semánticas definidas en schema.org, ejemplo itemscope itemtype="schema.org/Person"
En estas últimas, definimos la propiedad con itemprop="image" o lo que sea.
76
Nombra una librería que permita detectar las características de la API de HTML5 que soporta nuestro navegador
MODERNIZR
77
¿Cuál es el motor de renderizado de Firefox?
Gecko/Quantum
78
¿Cuál es el motor de renderizado de Safari?
Webkit
79
¿Qué son los polyfills?
Son librerías de javascript que nos permiten emular características de la API de HTML5 no disponibles en nuestro navegador
