Brainscape's Knowledge GenomeTM


Top Flashcards (Certified)
All Flashcards

2 Tema 8 HTML / CSS > PlanB > Flashcards

PlanB Flashcards

(109 cards)

Start Studying
1
Q

Motor de renderizado de Safari

A

WebKit

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

Motor de renderizado de Opera

A

Blink (basado en Webkit), en el pasado usaba Presto

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

Motor de renderizado de Firefox

A

Quantum que es una mejora de Gecko

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

Motor de renderizado de Chrome

A

Blink (basado en WebKit) antes WebKit

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

Motor de renderizado de Edge

A

Blink (basado en webkit) antes EdgeHTML y antes Trident

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

Nombra 3 preprocesadores CSS

A

Less , SASS, Stylus

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

Nombra 3 editores

A

Atom, Sublime , VSCode

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

Novedades de HTML5 con respecto al 4

A

API’s, Semántica, multimedia

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

Nombra 5 librerías js

A

jquery, dojo, yui,prototype, mootools

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

Nombra 4 frameworks js

A

angular, react, vue,ember

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

Que interprete de js lleva chrome y firefox?

A

v8 y spidermonkey

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

Para que sirve modernizer?

A

Una librería js que permite detectar las capacidades del navegador

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

¿Qué es WebStorage y para qué se utiliza?

A

WebStorage proporciona almacenamiento local en el navegador del usuario que persiste incluso después de cerrar el navegador. Se utiliza para almacenar datos de sesión (sessionStorage) y datos que persisten más allá de la sesión (localStorage).

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

¿Qué es IndexedDB y cuándo se debería usar?

A

IndexedDB es una base de datos NoSQL en el navegador que permite almacenar grandes cantidades de datos estructurados y realizar búsquedas eficientes. Se debería usar para aplicaciones que necesitan almacenamiento de datos complejos y de gran tamaño.

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

¿Cómo funciona la API de Geolocation?

A

La API de Geolocation permite a las aplicaciones web acceder a la ubicación geográfica del usuario mediante el uso de GPS, Wi-Fi, y otras fuentes. Se usa comúnmente en aplicaciones de mapas y servicios basados en la ubicación.

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

¿Qué es la API File y cuál es su propósito?

A

La API File permite a las aplicaciones web manipular archivos locales del usuario. Permite leer y escribir archivos, proporcionando acceso directo a los archivos seleccionados por el usuario en su sistema de archivos

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

¿Qué es Canvas y para qué se utiliza?

A

Canvas es un elemento HTML5 que permite renderizar gráficos y animaciones en tiempo real utilizando JavaScript. Se utiliza para juegos, visualizaciones de datos, y gráficos interactivos.

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

¿Qué es un WebWorker y cuál es su beneficio principal?

A

Un WebWorker permite ejecutar scripts en segundo plano, sin afectar el rendimiento de la página principal. El beneficio principal es la capacidad de realizar tareas intensivas en cálculo sin bloquear la interfaz de usuario.

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

¿Qué es WebSocket y para qué se utiliza?

A

WebSocket es una API que proporciona comunicación bidireccional en tiempo real entre el navegador y el servidor. Se utiliza para aplicaciones que requieren actualizaciones instantáneas, como chats en línea y sistemas de notificación.

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

¿Cómo funciona Drag and Drop en HTML5?

A

La API de Drag and Drop permite a los usuarios arrastrar y soltar elementos dentro de una página web. Se usa para mejorar la interactividad de las aplicaciones, como en interfaces de gestión de archivos y organizadores visuales.

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

¿Qué es la API de Selector y para qué se usa?

A

La API de Selector, también conocida como querySelector y querySelectorAll, permite seleccionar y manipular elementos del DOM utilizando selectores CSS. Se utiliza para simplificar la manipulación del DOM en JavaScript.

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

¿Qué es Microdata y cómo se utiliza con dataset?

A

Microdata es una especificación HTML5 que permite incrustar datos estructurados en las páginas web. La propiedad dataset de un elemento HTML proporciona un acceso fácil a los atributos de datos personalizados (data-*), permitiendo la interacción con los microdatos.

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

Quien desarrollo html5?

A

Fue desarrollado por el WHATWG (Web Hypertext Application Technology Working Group), un grupo formado por representantes de Apple, Mozilla, y Opera en 2004, con el objetivo de avanzar en el desarrollo de estándares web. Posteriormente, el W3C (World Wide Web Consortium) también colaboró en el desarrollo y formalización de HTML5. El enfoque principal de HTML5 fue mejorar el soporte para multimedia y gráficos, así como proporcionar una mejor experiencia para aplicaciones web.

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

Quien desarrolló html4?

A

W3C (World Wide Web Consortium)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
23
Cual es la etiqueta de inicio de documento html5?
23
Para que sirve la etiqueta blockquote de html4?
se utiliza para definir una sección que es citada de otra fuente. El contenido dentro de la etiqueta
suele estar sangrado o presentado de una manera distinta para resaltar que es una cita. La etiqueta puede incluir un atributo cite para proporcionar la URL de la fuente de la cita:x "This is the quoted material that you want to highlight for your readers. It should be a direct quote from a source."
24
Para que sirve la etiqueta 
 de html4?
Conserva formato. La etiqueta 
 en HTML4 se utiliza para definir texto preformateado. El texto dentro de un elemento 
 se muestra en una fuente de ancho fijo (generalmente monospace) y conserva todos los espacios en blanco y saltos de línea como se han escrito en el código fuente. Esto es útil para mostrar código, poesía, o cualquier contenido donde el espaciado y el formato sean importantes.
25
Código para una lista ordenada como esta: C. Elemento 3 D. Elemento 4
  • Elemento 3
  • Elemento 4
    • 26
    Código para lista de definiciones que de este resultado: Término 1 Definición del término 1 Término 2 Definición del término 2
    Término 1
    Definición del término 1
    Término 2
    Definición del término 2
    27
    Código para lista no ordenada Elemento 1 Elemento 2 Elemento 3
    • Elemento 1
    • Elemento 2
    • Elemento 3
    28
    Codigo para una lista ordenada que empiece por 3
  • Elemento 3
  • Elemento 4
  • Elemento 5
    • 29
    Diferencia entre embed y object
    : Incrusta contenido externo en una página web de manera sencilla. : Incrusta contenido externo y permite especificar contenido alternativo..

    Tu navegador no soporta la visualización de este documento. Descárgalo aquí.

    30
    Háblame de las etiqueta audio
    Reproduce archivos de audio como MP3, Ogg y WAV Tu navegador no soporta el elemento de audio. Atributos comunes: controls, autoplay, loop, muted, preload
    31
    Háblame de la etiqueta video
    Reproduce archivos de video como MP4, WebM y Ogg. Tu navegador no soporta el elemento de video. Atributos comunes: controls, autoplay, loop, muted, preload, poster
    32
    Etiqueta track
    se utiliza dentro de
    33
    ¿Para qué se utiliza la etiqueta
    en HTML5?
    se utiliza para definir el encabezado de una sección o página web, que generalmente incluye títulos, logotipos, y elementos de navegación. Puede haber varias, por ejemplo, cada
    puede llevar su
    34
    ¿Cuál es el propósito de la etiqueta
    se utiliza para definir un conjunto de enlaces de navegación que ayudan a los usuarios a navegar por el sitio web. Puede haber varias en una misma página.
    35
    ¿Qué contenido debe incluir la etiqueta
    en HTML5?
    debe contener el contenido principal de la página, excluyendo encabezados, barras laterales y pies de página, y debe ser única por página.
    36
    ¿Cómo se utiliza la etiqueta
    en HTML5?
    se utiliza para definir secciones temáticas en el contenido de la página, como capítulos o grupos de contenido relacionado.
    37
    Qué tipo de contenido debe ir dentro de la etiqueta
    en HTML5?
    La etiqueta
    se utiliza para contenido independiente que puede ser distribuido o sindicado, como artículos de noticias, blogs o comentarios.
    38
    Para qué se utiliza la etiqueta
    Se utiliza para contenido relacionado pero independiente del contenido principal, como barras laterales, citas o enlaces relacionados.
    39
    Qué se suele incluir en la etiqueta
    en HTML5?
    se utiliza para definir el pie de página de una sección o página, que generalmente incluye información de contacto, derechos de autor y enlaces a términos de servicio.
    40
    ¿Cuál es el propósito de la etiqueta
    en HTML5?
    se utiliza para agrupar contenido de medios como imágenes, diagramas, ilustraciones, y su correspondiente descripción utilizando
    Descripción de la imagen
    Esta es una descripción de la imagen.
    41
    ¿Para qué sirve la etiqueta en HTML5?
    Se utiliza para resaltar o destacar texto importante dentro del contenido, indicando que tiene relevancia o interés especial.
    42
    ¿Cómo se define el idioma del documento?
    43
    ¿Cómo se especifica la codificación del documento?
    44
    Configura la vista para diseños responsivos.
    Título de la Página
    45
    Vincula una hoja de estilo
    Título de la Página >
    46
    Vincula un js
    Título de la Página
    47
    Para que sirve hreflang?
    Se utiliza para indicar a los motores de búsqueda el idioma y la región del contenido de una página vinculada, ayudando a redirigir a los usuarios al contenido adecuado según su idioma y ubicación. Para redirigir a una página en inglés, puedes usar el atributo hreflang en una etiqueta o . English Version
    48
    Para que sirve
    se utiliza para especificar versiones alternativas de una página web, como versiones en diferentes idiomas. Esto ayuda a los motores de búsqueda y navegadores a identificar y servir la versión correcta de la página a los usuarios en función de su idioma preferido.
    49
    Para que sirve autocomplete en un formulario?
    autocomplete="on": El navegador sugerirá valores basados en entradas anteriores. autocomplete="off": El navegador no sugerirá valores, útil para campos sensibles como contraseñas o información confidencial.
    50
    ¿Qué hace el atributo datalist en un campo de entrada?
    El atributo list asocia el campo de entrada con un , proporcionando una lista de opciones sugeridas al usuario.
    51
    ¿Para qué sirve el atributo autofocus?
    da automáticamente el enfoque al campo de entrada cuando la página se carga.
    52
    ¿Cómo se usan los atributos min y max en un campo de entrada?
    min y max especifican los valores mínimo y máximo permitidos en campos de entrada numéricos, de rango, fecha y hora.
    53
    ¿Qué hace el atributo pattern en un campo de entrada?
    utiliza una expresión regular para definir un formato que debe cumplir el valor del campo de entrada.
    54
    ¿Para qué se utiliza el atributo multiple?
    permite seleccionar múltiples archivos o valores en campos de entrada de tipo file o select.
    55
    ¿Cuál es la función del atributo placeholder?
    proporciona un texto de marcador de posición que se muestra en el campo de entrada cuando está vacío, ayudando al usuario a entender qué información debe ingresar.
    56
    ¿Qué indica el atributo required en un campo de entrada?
    marca el campo de entrada como obligatorio, impidiendo el envío del formulario si el campo está vacío.
    57
    Como se crea un atributo personalizado y como se captura su valor con javascript?
    Información del Producto
    const product = document.getElementById('product'); const productId = product.dataset.id; const productName = product.dataset.name; const productPrice = product.dataset.price;
    58
    Cuando se usa # en un selector para cargar un id?
    JavaScript (nativo): document.getElementById('id') (sin #) CSS y querySelector: #id (con #) const element = document.querySelector('#myId'); // Correcto
    59
    ¿Qué son los microdatos en HTML y cómo mejoran la visibilidad de un sitio web en los motores de búsqueda?
    Los microdatos son un conjunto de atributos utilizados en HTML para añadir metadatos semánticos a tu contenido web, lo que permite a los motores de búsqueda entender mejor el contenido de tus páginas. Al usar microdatos, los motores de búsqueda pueden generar fragmentos enriquecidos (rich snippets) en los resultados de búsqueda, proporcionando información adicional y más detallada sobre tu página, como descripciones de productos, reseñas, eventos, y más. Esto mejora la visibilidad y el atractivo de tu sitio web, lo que puede aumentar el tráfico y la interacción del usuario.
    60
    lenguajehtml.com
    repaso
    61
    Booleanos checked con "", true o checked?
    62
    Como se usa la etiqueta refresh en html
    63
    Si queremos que una lista ordenada empiece por 50 como es el código
  • Elemento 50
  • Elemento 51
  • Elemento 52
    • 64
    Que estilo deberemos usar para que una lista ordenada tenga a,b,c / A,B,C
    list-style-type: lower-alpha; / upper-alpha
    65
    Que estilo deberemos usa para que una lista ordenada tenga I,II,III,IV / i,ii,iii,iv
    list-style-type: upper-roman; / lower-roman
    66
    Que estilo deberemos usar para en una lista no ordenada empiece por un circulo o un cuadrado
    list-style-type: circle / square
    67
    Para que sirve la etiqueta y como se utiliza?
    Sirve para mostrar un cuadro de dialogo en html 5, con se muestra, si no se pone open no se muestra. En js tambien se puede controlar con: document.getElementById('myDialog').showModal(); document.getElementById('myDialog').close();
    68
    p b {color: red;}
    Aplica el color rojo a todos los elementos que son descendientes de un elemento

    Este es un texto en rojo dentro de un párrafo.

    Este es un texto en negrita dentro de un div.
    69
    p, b {color: red;}
    Aplica el color rojo a todos los elementos

    y .

    Texto en rojo.

    Texto en rojo.
    70
    p > b {color: red;}
    Aplica el color rojo a todos los elementos que son hijos directos de un elemento

    .

    Este es un texto en rojo dentro de un párrafo.

    Este es un texto en negrita dentro de un span en un párrafo.

    71
    p ~ b {color: red;}
    Aplica el color rojo a todos los elementos que son hermanos (siblings) de un elemento

    y vienen después de él en el mismo nivel jerárquico.

    Este es un párrafo.

    Texto en rojo.
    Este es un div.
    Texto en rojo.
    72
    p + b {color: red;}
    El selector p + b aplica el estilo solo a los elementos que son el siguiente hermano inmediato de un elemento

    .

    Este es un párrafo.

    Texto en rojo porque es el siguiente hermano inmediato de un párrafo.

    Este es otro párrafo.

    Este es un span. Este texto no es rojo porque hay un span en medio.

    Este es un tercer párrafo.

    Texto en rojo porque es el siguiente hermano inmediato de un párrafo.
    Este texto no es rojo porque no es hermano inmediato de un párrafo.
    73
    p:first-child {color: red;}
    Aplica el color rojo a un elemento

    que es el primer hijo de su padre.

    Texto en rojo porque es el primer hijo de su contenedor div.

    Este párrafo no es el primer hijo.

    Este no se verá afectado.

    Este párrafo no es el primer hijo.

    74
    p:first-of-type {color: red;}
    Aplica el color rojo al primer

    de su tipo dentro de su padre.

    Texto en rojo porque es el primer `

    ` dentro de su contenedor div.

    Este es otro párrafo en el mismo div.

    Este no se verá afectado.

    Este es otro párrafo en el mismo div.

    75
    p:last-child {color: red;}

    Este párrafo no es el último hijo de su contenedor div.

    Este no se verá afectado.

    Texto en rojo porque es el último hijo de su contenedor div.

    76
    nombra frameworks de css
    Bootstrap, Material, Tailwind, Bulma, Foundation y Yaml
    77
    que hace la etiqueta
    crea una barra de progreso que estará al 70%
    78
    th y thead son equivalentes?
    (Table Header Cell) Define una celda de encabezado en una tabla. (Table Header Group) Agrupa el contenido del encabezado de una tabla, que usualmente incluye una o más filas de celdas de encabezado ().
    Nombre Edad Ciudad
    Juan 25 Madrid
    María 30 Barcelona
    79
    Cual es el código para aplicar flexbox a un elemento
    display: flex;
    79
    Como se pondría el foco en un campo de formulario automaticamente al cargar?
    con autofocus en el o con function ponerFoco() { document.getElementById('nombre').focus();
    79
    HTML5 Etiqueta texto enfatizado
    79
    HTML5 Etiqueta texto importante
    80
    HTML5 Etiqueta voz/tono alternativo
    81
    HTML5 Etiqueta texto resaltado
    82
    HTML5 Etiqueta palabra clave
    83
    HTML5 Etiqueta anotaciones
    84
    HTML5 Etiqueta superindice
    85
    HTML5 Etiqueta subíndice
    <_sub>
    86
    HTML5 Etiqueta pequeñas aclaraciones
    87
    HTML5 Etiqueta variable o incógnita
    88
    HTML5 Etiqueta resultado de la operación
    89
    HTML5 Etiqueta entrada de usuario
    90
    HTML5 Etiqueta definición
    >
    91
    HTML5 Etiqueta abreviatura
    92
    HTML5 Etiqueta titulos de trabajos u obras
    93
    HTML5 Etiqueta citas (frases)
    94
    HTML5 Etiqueta oportunidad de salto de línea
    95
    HTML5 Etiqueta texto eliminado (inexacto) - tachado -
    96
    HTML5 Etiqueta de texto añadido / eliminado

    Este es un texto original.

    Este es un texto insertado se ve subrayado en el documento.

    Este es un texto eliminado se ve tachado del documento.

    97
    HTML5 Etiqueta de fecha
    No pinta nada solo el texto,
    98
    Para que sirve la etiqueta HTML5 29,99 €
    Equivalencia para máquinas
    99
    HTML5 Fragmento de código
    100
    Como se puede hacer distintas partes de una imagen seleccionables
    Rectángulo Círculo Polígono
    101
    Para que sirve el atributo download y como se usa?
    Dentro de y para que se descargue el contenido de los enlaces en vez de navegar por ellos
    Brainscape helps you reach your goals faster, through stronger study habits.
    © 2025 Bold Learning Solutions. Terms and Conditions