Brainscape's Knowledge GenomeTM

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


See full index

HTML > HTML > Flashcards

HTML Flashcards

1
Q

AJAX SIGLAS?

A

Asynchronous JavaScript And XML

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

PREPROCESADORES CSS

A

LESS
SASS
STYLUS

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

¿CUAL ES EL STANDARD DE JAVASCRIPT? «EXAMEN»

A

ES 6
ECMAScript 6

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

GESTORES DE DEPENDENCIAS

A

BOWER, YARN, NPM

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

ITEXT JAVA

A

iText permite generar documentos PDF, XML, HTML o RTF
«AL VUELO&raquo_space; controlando de forma precisa el aspecto del documento obtenido. Del mismo modo, se permite parsear documentos XML y convertirlos en cualquiera de los formatos mencionados anteriormente.

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

JPA JAVA

A

GUARDAR OBJETOS EN UNA BASE RELACIONAL

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

DIFERENCIA LIBRERIA/API/FRAMEWORK

A

LIBRERIA
Conjunto de funciones/clases (JQuery js / iText JAVA)
«FLUJO LO MARCA TU PROGRAMA»
Desde mi “MAIN” llamo a una función y vuelve a mi “MAIN”, si encontrará otra función mejor tendría que cambiarlo en todas las llamadas de mi código la nueva función.
(iText permite generar documentos PDF, XML, HTML o RTF
«AL VUELO&raquo_space;)

API (ABSTRACCIÓN)
JPA API DE JAVA PARA Hibernate u OpenJPA
Especificaciones funcionales que deben cumplir una libreria
«PUEDES CAMBIAR DE LIBRERIA SIN CAMBIAR LAS LLAMADAS EN TU “MAIN”, A TRAVÉS DE UN ARCHIVO DE CONFIGURACIÓN, en él eliges cual usas si Hibernate u OpenJPA
(JPA GUARDAR OBJETOS EN UNA BASE RELACIONAL)

FRAMEWORK
Flujo ES COMPARTIDO, él y tu “MAIN”.
Los servicios comunes los lleva él:
SEGURIDAD/VALIDACION/CACHE
El Framework trabaja antes y después de tu código y coge y devuelve el control.

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

INICIO PÁGINA HTML5 (EXAMEN)

A

<!DOCTYPE html>

OJO MAYUSCULAS Y ADMIRACIÓN

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

<b> en HTML5</b>

A

<b> Fragmento de texto que llama la atención pero sin importancia destacable</b>

NEGRITA AHORA
<strong></strong>

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

<i> en HTML5</i>

A

<i> Fragmento de texto con voz o tono ALTERNATIVO fuera de la prosa actual (Destacar otro idioma)</i>

ITALIAN (CURSIVA) ahora
<em></em>

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

HEADER donde se usa?

A

Al incio de la web, como encabezado, pero también en el cuerpo en secciones también como encabezado
También en footer se puede usar así
Se usan para dar estructura para seo y para accesibilidad

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

ETIQUETAS SEMANTICAS EN HTML 5

A

Estructura general:
HEADER, ARTICLE, SECTION, ASIDE, FOOTER, NAV

Elementos concretos
FIGURE, para imágenes y gráficos
FIGCAPTION, que es un pie de imagen
TIME para definir fechas y horas
MAIN, MARK, SUMARY Y DETAILS

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

<nav> HTML5
</nav>

A

HIPERVINCULOS A PÁGINAS IMPORTANTES
NO, “TONTERIAS”

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

SEO SEM

A

SEO significa search engine optimization
SEM se refiere a search engine marketing (PAGO)

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

ARTICULOS Y SECCIONES QUIEN PUEDE CONTENER A QUIEN?

A

AMBOS, UN ARTICULO TIENE SECCIONES Y UNA SECCIÓN PUEDE TENER ARTICULOS

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

<aside> HTML5 (EXAMEN)
</aside>

A

INFORMACIÓN ADICIONAL

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

<main> HTML5 <<NUEVA>>
</NUEVA></main>

A

Zona de contenido principal
PUEDE HABER MAS DE UNA

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

<article> HTML5 (EXAMEN)
</article>

A

CONTENEDOR INDEPENDIENTE
PUEDE SER REUTILIZADOS Y DISTRIBUIDOS EN OTRAS WEB.

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

<figure> HTML5 QUE CONTIENE?
</figure>

A

CONTENEDOR PARA IMAGEN, PARRAFO, VIDEO…

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

<CANVAS> HTML5
</CANVAS>

A

ZONA PINTAR

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

<SVG> HTML5 NUEVO
</SVG>

A

GRAFICOS VECTORIALES XML
ES EL CONTENEDOR

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

<pre> HTML5
</pre>

A

El Elemento HTML <pre> (o Texto HTML Preformateado) representa texto preformateado. El texto en este elemento típicamente se muestra en una fuente fija, no proporcional, exactamente como es mostrado en el archivo.
Los ESPACIOS dentro de este elemento también son mostrados como están escrito

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

Como se llama una hoja de estilos ?

A

<link></link>

24
Q

Como se llama a páginas alternativas (ingles, imprimible, pdf…)?

A

<link></link>

<link></link>

<link></link>

25
Q

<label> asociado a un <input></input> como se hace?</label>

A

<label>Pon Telefono</label>
<input></input>

26
Q

placeholder HTML5

A

AYUDA CONTEXTUAL DE QUE PONER EN UN input
(letra gris que desparece al escribir)
<input></input>

27
Q

pattern HTML5

A

EXPRESION REGULAR
<input></input>

28
Q

bootstrap

A

CSS ya hecha «framework»

29
Q

¿Como se pueden crear atributos personalizados en HTML5?

A

<td>

acceder desde js:
td.dataset.datanombre (sin guión)
</td>

30
Q

Como se dan metadatos semánticos a GOOGLE

A

MICRODATOS
de esta web =http://schema.org

http://schema.org/Person
http://schema.org/Product…

itemscope
itemtype
itemprop

<section>
<img></img>
<span>

DEBE EXISTIR EN itemtype Y itemprop

itemtype= PRODUCT / NUTRICIONALINFORMATION /
itemprop=FechaPublicacion, cooktime....
</span></section>

31
Q

<ELEMENT> HTML
</ELEMENT>

A

ETIQUETA TAG

32
Q

QUE HACE MODERNIZR HTML5?

A

detectar si el navegar del cliente es compatible con las caracteristicas de nuestra web (API)

33
Q

POLYFILLS HTML5?

A

DESCARGAR SOFTWARE javascript INCRUSTA EN LA PÁGINA simular las API´s de nuestra web

34
Q

APIS HTML5

A

WEB STORAGE
INDEXED DB
GEOLOCATION
FILE
CANVAS
WEBWORKER
WEBSOCKET
DRAG AND DROP
SELECTOR
MICRODATA / DATASET

35
Q

WEB STORAGE

A

GUARDAR EN EL NAVEGADOR
INFORMACIÓN BBDD CLAVE-VALOR
LOCAL SE MANTIENE
SESION SE BORRA
«NUEVAS COOKIES»

36
Q

INDEXED DB

A

GUARDAR EN EL NAVEGADOR INFORMACIÓN
BBDD NO SQL

37
Q

FILE

A

SUBIDA CONTROLADA DE ARCHIVOS

38
Q

WEBWORKER

A

HILOS EN SEGUNDO PLANO (ASINCRONAS)
PARA EVITAR SATURAR EL HILO PRINCIPAL

39
Q

WEBSOCKET

A

SERVER SENT EVENTS
PARA MOSTRAR MENSAJES AL CLIENTE DESDE EL NAVEGADOR AUNQUE NO LO PIDA… (PUSH)

40
Q

SELECTOR

A

CSS

41
Q

MOTORES DE RENDERIZADO
PARA QUE SIRVE Y CUALES SON

A

PARTE DEL NAVEGADOR QUE INTERPRETA EL HTML Y CSS Y LAS
IMAGENES Y TE LO MUESTRA.

EDJE-CHROME-OPERA = BLINK

SAFARI=WEBKIT

FIREFOX= GECKO/ QUANTUM

42
Q

PUG O JADE

A

MOTOR DE PLANTILLAS DE HTML

SE USA PARA AHORRAR ABRIR Y CERRAR ETIQUETAS EN HTML
EL LAS PONE POR TI.

INSTALACION npm i -g pug-cli

43
Q

BUCLE PUG UL/LI

A

ul
each employee in employees
li=employee

<ul>
<li>Pepe</li>
<li>Juan</li>
<li>Luis</li>
</ul>

44
Q

atributo spellcheck html5?

A

spellcheck=”true”

Sirve para que el navegador haga una revision de ortografia/gramatica subrayando en rojo lo incorrecto

45
Q

<ol> HTML
</ol>

A

LISTAS ORDENADAS

46
Q

¿Qué archivo es VTT? / WEBVTT

A

Para proporcionar leyendas o subtítulos contenido visual, capítulos para la navegación dentro del contenido, descripciones textuales del vídeo, y cualquier otro metadato alineado con el contenido audio o vídeo.

46
Q

¿Qué archivo es VTT? / WEBVTT

A

Para proporcionar leyendas o subtítulos contenido visual, capítulos para la navegación dentro del contenido, descripciones textuales del vídeo, y cualquier otro metadato alineado con el contenido audio o vídeo.

47
Q

etiqueta DETAILS HTML?

A

Es un bloque que tiene por defecto un comportamiento desplegable

48
Q

etiqueta TEMPLATE HTML?

A

CREAR PLANTILLAS EN HTML5 PARA UNA SECCIÓN

49
Q

etiqueta mark html?

A

Fragmento de texto resaltado, simulando estar marcado con rotulador amarillo

50
Q

Etiqueta u: HTML

A

Fragmento de texto para nombres propios o escritura incorrecta intencionada
“subrayar”

51
Q

Etiqueta s: HTML

A

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

52
Q

Etiqueta cite: HTML

A

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

53
Q

Etiqueta q: HTML

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

<q>Es a tu audiencia a quien debes satisfacer y no a google..</q>

54
Q

diferencia etiqueta “cite” y “q” en HTML

A

LAS DOS SE EMPLEAN PARA REFERIRSE A “CITAS”, LIBRO, OBRA, TWEET
PERO “Q” CONTIENE “CITE” QUE APUNTA A LA URL DE LA CITA

55
Q

etiquetas BDI Y BDO en HTML?

A

PARA TEXTO AL REVES (ARABE), BDI TROZO Y BDO TODO
DIR=”RTL”

  • LTR: Texto de izquierda a derecha (Left-to-right).
  • RTL: Texto de derecha a izquierda (Right-to-left)
56
Q

ETIQUETA kbd html?

A

Combinación teclado

HTML (2 decks)

Brainscape helps you reach your goals faster, through stronger study habits.
© 2025 Bold Learning Solutions. Terms and Conditions