Brainscape's Knowledge GenomeTM

Browse over 1 million classes created by top students, professors, publishers, and experts.


See full index

Diego-Bloque3 > Bloque3-Tema8-HTML > Flashcards

Bloque3-Tema8-HTML Flashcards

1
Q

Que motores de plantillas de HTMl conoces?

A

-Pug
-Jade

Usan diferentes sintaxis, mas facil para el desarrollador, que luego traducen a html normal

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

Motor de renderizado de EDGE?

A

EdgeHTML-> Blink

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

Motor de renderizado de Chrome?

A

Blink

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

Motor de renderizado de Firefox?

A

Quantum

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

Motor de renderizado de Opera?

A

Presto-> Blink

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

Motor de renderizado de Safari?

A

Webkit

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

Que es AJAX?

A

Acrónimo de Asynchronous JavaScript And XML, es una técnica de desarrollo web para crear aplicaciones web asíncronas

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

Que es XMLHttpRequest?

A

Es una clase existente en el navegador que está preparada para realizar las conexiones asíncronas para obtener datos de nuestro servidor web o de cualquier servicio web de Internet que trabaje por HTTP

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

Librerias de Ajax?

A

-jquery
-dojo
-yui
-ExtJS
-Prototype
-Mootools

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

Que son las DevTools?

A

Conjunto de herramientas para desarrolladores web integrado en el navegador.

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

Editores para HTML?

A

-Atom
-Sublime
-VSCODE

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

Preprocesadores CSS? (CSS3)

A

-LESS
-SASS
-STYLUS

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

Frameworks MVVM para desarrollo web?

A

-Angular
-ReactJS
-Vue.JS
-Ember.js

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

Que es MVVM?

A

El patrón modelo–vista–modelo de vista es un patrón de arquitectura de software. Se caracteriza por tratar de desacoplar lo máximo posible la interfaz de usuario de la lógica de la aplicación.

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

Que gestores de dependencias conoces?

A

-Bower
-Yarn
-NPM

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

Que herramientas de automatizacion de tareas conoces?

A

-Gulp
-Grunt

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

Que plantillas de proyecto conoces?

A

-Yeoman

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

Para que sirven los transpilers?

A

Traducen de un lenguaje a otro.

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

Que nuevos lenguajes de desarrollo web conoces que se compilen a Javascript.

A

Typescript
Coffeescript
ES6

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

Que se pone en el inicio de pagina de HTML5?

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

Para que se usa la etiqueta <body>?

A

para el contenido

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

Para que se usa la etiqueta <head>?

A

Para información sobre el documento

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

Para que se usa la etiqueta <div>?

A

división dentro del contenido

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

Para que se usa la etiqueta <a>?</a>

A

para enlaces

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

Para que se usa la etiqueta <strong>?</strong>

A

para poner el texto en negrita

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

Para que se usa la etiqueta <br></br>?

A

para saltos de línea

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

Para que se usa la etiqueta <H1>…<H6>?

A

para títulos dentro del contenido

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

Para que se usa la etiqueta <img></img>?

A

para añadir imágenes al documento

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

Para que se usa la etiqueta <ol>, <ul> , <li>?

A

<ol> para listas ordenadas, <ul> para listas desordenadas, <li> para elementos dentro de la lista
</li></ul></ol>

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

Para que se usa la etiqueta <p>?

A

para parrafos

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

Para que se usa la etiqueta <span>?</span>

A

para estilos de una parte del texto

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

Para que se usa la etiqueta <pre>?

A

Representa texto preformateado.

Nota: Conserva el formato.

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

Para que se usa la etiqueta Blockquote?

A

Crea citas en bloque, marca las citas a otros autores o documentos.

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

Para que se usan las etiquetas <embed></embed> y <object>?</object>

A

Para usar recursos externos.

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

Para que se usa la etiqueta <iframe>?

A

Permite insertar o incrustar un documento HTML dentro de un documento HTML principal.

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

Para que sirve la etiqueta <canvas>?</canvas>

A

Crea un lienzo para dibujar

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

Cual es la etiqueta para graficos vectoriales (xml)?

A

<svg>
</svg>

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

Para que se usa la etiqueta <track></track>?

A

se utiliza como elemento hijo de los elementos multimedia, <audio> y <video> se utiliza como elemento hijo de los elementos multimedia, <audio> y <video></video></audio></video></audio>

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

Para que se usan las etiquetas <video> y <audio>?</audio></video>

A

Video: Mostrar videos directamente desde nuestro navegador.

audio: se usa para insertar contenido de audio en un documento HTML

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

Que etiquetas estructurales de HTMl5 conoces?

A

header
nav
section
article
footer
aside

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

Para que se usa la etiqueta <time>?</time>

A

Representa un periodo específico en el tiempo.

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

PAra que se usa la etiqueta <figure>?</figure>

A

se utiliza para agrupar y etiquetar el contenido multimedia

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

Para que se usa la etiqueta <b> en html5?</b>

A

se utiliza cuando el texto enfatizado no tiene un significado adicional, es decir, se utiliza solo para hacer que el texto se destaque.

44
Q

Para que se usa la etiqueta <i>?</i>

A

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

45
Q

Para que se usa <em>?</em>

A

Fragmento de texto enfatizado respecto a la frase que lo contiene

46
Q

como enlazarias un documento externo CSS a un HTML?

A

<link></link>

47
Q

Como definimos atributos personalizados en HTML5?

A

con data-*

Se usan itemtype para definir el tipo
y
itemprop: Etiquetar propiedades de un elemento.

48
Q

Que son los microdatos de HTML5?

A

Es una característica HTML que se utiliza para anidar metadatos dentro del contenido existente en las páginas web.​​

Nota: Definir semantica en base a unos “tipos”

49
Q

Para que se usa el atributo id en html?

A

Identificador de elemento. Tiene que ser unico.

50
Q

Para que se usa el atributo class en html5?

A

clases de estilo definidos en Las CSS(Interna o externa)

51
Q

Para que se usa el atributo title de HTML5?

A

Informacion al pasar el raton.

52
Q

Para que usa el atributo style

A

estilos aplicados directamente a la etiqueta (inline)

53
Q

Para que se usa el atributo dir

A

Indicar direccion del texto

54
Q

Para que se usa el atributo translate

A

yes/no

traducir

55
Q

para que se usa el atributo contenteditable

A

indica si el elemento debe de ser editable por el usuario

56
Q

Para que se usa aria-* y role?

A

Para accesibilidad

57
Q

Para quie se usa el atributo tabindex

A

Indica si su elemento puede ser enfocado

58
Q

Para que se usa el atributo spellcheck?

A

que define si el elemento debe de ser verificado por errores de deletreado

59
Q

Para que se usa el atributo draggable?

A

Atributo enumerado que indica si el elemento puede ser arrastrado

60
Q

Para que se usa el atributo hidden

A

Se puede aplicar a un elemento para indicar que está oculto, que no se mostrará

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

61
Q

Metodos de DOCUMENT del API del DOM?

A

-createElement(…)
-getElementbyID(…)
-getElementByTagName
-getElementByClassName
-querySelector(selector)

ejemplo: document.querySelector(FORM)

62
Q

Hablando de las propiedades de DOCUMENT del api del DOM, con que propiedad se indica la raiz del documento?

A

.documentElement

Indica la primera etiqueta (<html>

63
Q

Metodos de NODE del API del DOM?

A

-appendChild(…)

-hasAtributes(…)

64
Q

Propiedades de NODE del API del DOM?

A

-firstChild
-childnodes

65
Q

Que es MODERNIZR?

A

Modernizr es una biblioteca de JavaScript que detecta las funciones disponibles en el navegador de un usuario.

66
Q

Que son los Polyfills?

A

Cuando nuestro navegador no implementa de forma nativa una determinada API, se puede simular con unos plug in llamados polyfills.

67
Q

Para que se usa la API de HTML5 WebStorage (SessionStorage y LocalStorage)

A

API de almacenamiento

-Local: Sin tiempo de expiracion. Persisten mas haya de la sesion actual.

-Session: Si se cierra la ventana actual se borra.

68
Q

Para que se usa la API de HTML5 IndexedDB?

A

Almacenamiento y recuperacion de informacion en una base de datos local.

Api Web Storage es similar pero mas simple.

69
Q

Para que sirve la API HTML5 Geolocation?

A

Averiguar la posicion del usuario en coordenadas de latitud y longitud.

70
Q

Para que sirve la API HTML5 File

A

Permite cargar un documento en el navegador, leerlo e interaccionar con el

71
Q

Para que sirve la API HTML5 Canvas?

A

Rectangulo para dibujar usando JavaScript

72
Q

Para que sirve la API HTMl5 WebWorker?

A

Permite ejecutar Script en segundo plano

73
Q

Para que sirve la API HTML5 WebSocker y ServerSideEvents?

A

WebSocker: Hacer una app real-time (en tiempo real) . agregar comunicación bi-direccional en una conexión persistente para tu aplicación.

ServerSideEvents: Muy parecido al modelo de WebSockets pero solo para envio de mensajes desde el servidor al cliente (PUSH)

74
Q

Para que sirve la API HTML Drag and drop

A

Arrastrar y soltar elementos.

75
Q

Para que sirve la API HTMl5 Selector (css)

A

Selecting and testing elements based on whether or not they match a given selector.

76
Q

Para que sirve la API HTML5 Microdata / Dataset?

A

Microdata Is used to nest metadata within existing content on web pages

DataSet provides read/write access to custom data attributes (data-*)

77
Q

Que API de programacion HTML5 conoces?

A

-WebStorage
-IndexedDB
-Geolocation
-File
-Api Web Storage
-Canvas
-WebWorker
-WebSocket / ServerSideEvents
-Drag and Drop
-Selector
-Microdata / Dataset

78
Q

Para que sirve la etiqueta <main>?

A

Representa el contenido principal del <body> de un documento o aplicación

79
Q

Para que sirve la etiqueta <dl>?

A

Representa una lista descriptiva

80
Q

Para que sirve la etiqueta <img></img>?

A

Insertar una imagen

Notas:
-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

81
Q

Para que sirve la etiqueta <picture>?</picture>

A

Es un contenedor usado para especificar múltiples elementos <source></source> y un elemento <img></img>

82
Q

Para que se usa la etiqueta <address>?

A

Proporciona informacion de contacto de una persona, organizacion, etc

83
Q

Para que se usa la etiqueta 





















A















se utiliza para insertar o hacer referencia a un script ejecutable dentro de un documento HTML o XHTML




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

















84










Q













Para que se usa la etiqueta details?


















A















Es un bloque que tiene por defecto un comportamiento desplegable


Título del desplegable que aparece siempre, se encuentre desplegado o no

















85










Q













para que se usa la etiqueta dialog?


















A













Representa una caja de diálogo u otro componente interactivo, como inspector o ventana















86










Q













Para que sirve la etiqueta template?


















A













es un mecanismo para mantener el contenido HTML del lado del cliente que no se renderiza cuando se carga una página, pero que posteriormente puede ser instanciado durante el tiempo de ejecución empleando JavaScript.















87










Q













para que sirve la etiqueta header?


















A













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















88










Q













Para que sirve la etiqueta nav?


















A













Zona con enlaces de navegacion en el ambito de nuestro site















89










Q













Para que sirven las etiquetas section y article?


















A













-“section” representa una agrupación del contenido del que se trata en la pagina
-“article” es 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.
-Está permitido anidar articulos dentro de secciones y al reves















90










Q













Para que sirve la etiqueta aside?


















A













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















91










Q













Para que sirve la etiqueta footer?


















A













Representa el pie de un documento o contenedor section/main/article/…















92










Q













Para que se usa la etiqueta mark?


















A













Fragmento de texto resaltado, simulando estar marcado con rotulador amarillo















93










Q













Para que se usa la etiquueta <u></u>


















A













Fragmento de texto para nombres propios o escritura incorrecta intencionada















94










Q













Para que se usa la etiqueta s?


















A













Fragmento de texto inexacto o que ya no es relevante. (errores o inexactitudes)















95










Q













Para que se usa la etiqueta span


















A













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















96










Q













Para que se usa la etiqueta cite?


















A













Fragmento de texto con el título de un trabajo creativo: obra, libro, autor, empresa, URL, tweet,…















97










Q













Para que se usa la etiqueta q?


















A













Fragmento de texto in-line con una cita corta
Aqui el atributo “cite” tiene que apuntar a la URL de donde se saca la cita















98










Q













Para que se usa la etiqueta sup


















A













para mostrar exponentes, 2 elevado a 10 por ejemplo.















99










Q













Para que se usa la etiqueta sub


















A













como sup pero al reves, el numerito pequeño va abajo.















100










Q













Para que se usa la etiqueta wbr?


















A













Oportunidad de salto de línea (división silábica con guión)















101










Q













Para que se usa la etiqueta code?


















A















Fragmento de código de un lenguaje de programación


“code” con “pre” tiene la ventaja de que se respetará el formato: espacios, saltos de linea, etc

















102










Q













Para que se usa la etiqueta ruby?


















A













Anotaciones Ruby. Se utilizan para añadir anotaciones foneticas para la pronunciación de caracteres de Asia Oriental. Se suelen colocar encima del texto anotado















103










Q













Codigo de una tabla HTML.


















A













El elemento básico de definición de tabla es <TABLE> </TABLE> y en su interior se disponen los sub elementos <TR> para definir una fila (Row) <TH> para definir una cabecera (Header) <TD> para definir una celda de datos (Data).















104










Q













Ejemplo de codigo de tabla html


















A













<table>
<caption>Tiempo necesario para viajar desde Philadelphia</caption>

<colgroup>
<col></col>
<col></col>
</colgroup>

<thead>
<tr>
<th>Destino</th>
<th>En auto</th>
<th>En tren</th>
<th>En bicicleta</th>
</tr>
</thead>

<tbody>
<tr>
<th>Nueva York</th>
<td>1 h 51 min</td>
<td>1 h 22 min</td>
<td>8 h 53 min</td>
</tr>
<tr>
<th>Allentown</th>
<td>1 h 11 min</td>
<td>-</td>
<td>6 h 9 min</td>
</tr>
<tr>
<th>Reading</th>
<td>1 h 12 min</td>
<td>-</td>
<td>5 h 40 min</td>
</tr>
</tbody>

<tfoot>
<tr>
<th>Promedio</th>
<th>1 h 24 min</th>
<th>1 h 22 min</th>
<th>6 h 54 min</th>
</tr>
</tfoot>
</table>















105










Q













Como definirias un formulario?


















A













<form>
</form>















106










Q















Como harias un campo de tipo texto de un frmulario?


y de tipo submit?




















A















<input></input>


<input></input>
































Diego-Bloque3 (18 decks)


























Brainscape helps you reach your goals faster, through stronger study habits.


© 2024 Bold Learning Solutions. Terms and Conditions