{ "@context": "https://schema.org", "@type": "Organization", "name": "Brainscape", "url": "https://www.brainscape.com/", "logo": "https://www.brainscape.com/pks/images/cms/public-views/shared/Brainscape-logo-c4e172b280b4616f7fda.svg", "sameAs": [ "https://www.facebook.com/Brainscape", "https://x.com/brainscape", "https://www.linkedin.com/company/brainscape", "https://www.instagram.com/brainscape/", "https://www.tiktok.com/@brainscapeu", "https://www.pinterest.com/brainscape/", "https://www.youtube.com/@BrainscapeNY" ], "contactPoint": { "@type": "ContactPoint", "telephone": "(929) 334-4005", "contactType": "customer service", "availableLanguage": ["English"] }, "founder": { "@type": "Person", "name": "Andrew Cohen" }, "description": "Brainscape’s spaced repetition system is proven to DOUBLE learning results! Find, make, and study flashcards online or in our mobile app. Serious learners only.", "address": { "@type": "PostalAddress", "streetAddress": "159 W 25th St, Ste 517", "addressLocality": "New York", "addressRegion": "NY", "postalCode": "10001", "addressCountry": "USA" } }

TEMA 8 HTML Flashcards

(26 cards)

1
Q

¿A qué se refieren estos productos: WebKit, Blink, Gecko?

A

Motor de renderizacion

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

¿Mediante que API podemos manipular los elementos de un documento HTML?

A

DOM (Document Object Model)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

¿Cúal es la declaración de un documento HTML5?

A

‹!DOCTYPE html›

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Cuando vemos un texto inicial dentro de una caja de texto (que se elimina en cuanto hacemos click sobre ella) en un formulario, ¿que atributo se ha utilizado?

A

placeholder

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

¿Como se llama a la técnica mediante la cual podemos realizar peticiones al servidor para traernos información (en formato JSON, XML,…) y realizar una actualización exclusivamente de una parte del documento HTML?

A

AJAX. El objeto principal se llama xmlHttpRequest

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Nombre tres frameworks MVVM

A

Angular
ReactJS
VUE

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Nombre dos herramientas de gestión de dependencias asociadas con el desarrollo web

A

bower
npm

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

¿Cómo se llama al tipo de producto que convierte un lenguaje de script como TypeScript (que no entiende el navegador) a uno que si entiende, como es el caso de JavaScript?

A

transpiler

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

Nombre dos herramientas de automatización de tareas asociadas al desarrollo web

A

gulp
grunt

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Si tenemos un texto con saltos de linea, etc y queremos conservar exactamente ese formato, ¿qué etiqueta hay que utilizar?

A

pre

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Nombre 4 etiquetas semánticas estructurales

A

section
article
nav
aside

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

¿Para que sirve el atributo “dir” ?

A

Para especificar la dirección del texto. Para idiomas como el arabe, etc

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Nombre 9 API’s de HTML5

A

Geolocation
Canvas
WebSockets
Server Sent Events
File
Web Storage
WebWorker
IndexedDB
Drag and Drop

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

¿Cual es la etiqueta que representa a un contenedor en linea?

A

span

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

¿Para que sirve la etiqueta svg?

A

Para incrustar una grafico vectorial en formato XML

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

¿Cual es la declaración para asociarle al documento una hoja de estilos?

A

‹link rel=”stylesheet” href=”estilos.css”›

17
Q

¿Como podría especificar una versión alternativa de su pagina, como por ejemplo una versión en PDF en frances?

A

‹link rel=”alternate” hreflang=”fr” type=”application/pdf” href=”pagina.pdf”›

18
Q

¿Existe alguna forma de utilizar atributos personalizados dentro del documento HTML?

A

Los atributos data-* Se procesan con el dataset API

19
Q

¿Existen algun(os) atributos específicos para mejorar la accesibilidad de nuestras páginas?

A

Si, se denominan aria-* y el atributo role

20
Q

Nombre tres funciones del API del DOM para poder seleccionar elementos dentro de la página

A

document.getElementById(id)
document.getElementByTagName(tag)
document.querySelector(selector)
4

21
Q

¿Que es un polyfill ?

A

Es un plugin (libreria js) para poder simular una determinada feature (API de HTML5) que no está implementada de forma nativa en ese navegador que estamos utilizando

22
Q

Si queremos poner un texto en negrita, ¿que etiqueta deberiamos de utilizar?

A

Con ‹strong›

recordar que ‹b› ha cambiado su signifcado por algo mas semantico como “Bring Attention”

23
Q

¿Cuales son los dos atributos que nos permiten asociarle estilos a una etiqueta?

A

-class (clase de estilos definida en un css externo o en el bloque style del head de la pagina)
-style (estilo inline)

24
Q

En HTML5, ¿se pueden seguir utilizando frames?

A

Si, pero solo el ‹iframe›

25
¿Con que atributo se puede editar de forma online un parrafo por ej?
Con el atributo contenteditable=”true”
26
¿Como se puede incrustar un video(reproductor) en una pagina html?
‹video src=”movie.ogg” controls=”controls”›‹/video›