HTML y CSS Flashcards by Carla Megias

¿Que puerto usa Mysql?

3306

How well did you know this?

Not at all

Perfectly

¿Que hace el sniffer de red?

Captura el trafico de la red

How well did you know this?

Not at all

Perfectly

¿ Que atributo de HTML5 se encarga de identificar un elemento?

id. Tiene que ser unico

How well did you know this?

Not at all

Perfectly

¿Que es IANA?

Internet asigned numbers authority. Supervisa la asignacion global de direcciones IP.

How well did you know this?

Not at all

Perfectly

¿Que es la ICANN?

Corporacion de internet para la asignacion de nombres y números

How well did you know this?

Not at all

Perfectly

¿Cuál es el motor de renderizado de Edge?

Blink

How well did you know this?

Not at all

Perfectly

¿Cuál es el motor de renderizado de Chrome?

Blink

How well did you know this?

Not at all

Perfectly

¿Cuál es el motor de renderizado de Firefox?

Quantum

How well did you know this?

Not at all

Perfectly

¿Cuál es el motor de renderizado de Opera?

Blink

How well did you know this?

Not at all

Perfectly

¿Cuál es el motor de renderizado de Safari?

Webkit

How well did you know this?

Not at all

Perfectly

¿Qué es Chromium?

base de código abierto para crear un navegador web

How well did you know this?

Not at all

Perfectly

¿Qué frameworks JS de desarrollo web modelo vista modelo de vista (MVVM) conoces?

Angular, React, Vue.js, Ember.JS

How well did you know this?

Not at all

Perfectly

¿Qué es XmlHttpRequest ?

es una interface empleada para realizar peticiones HTTP y HTTPS a servidores web

How well did you know this?

Not at all

Perfectly

¿Qué son librerías/bibliotecas JS?

jquery, dojo, yui, EXTJS, Prototype y Mootools

How well did you know this?

Not at all

Perfectly

¿Cómo trabaja AJAX?

En segundo plano y asíncrona

How well did you know this?

Not at all

Perfectly

¿Cuáles son algunos preprocesadores de CSS?

LESS, SASS y STYLUS

How well did you know this?

Not at all

Perfectly

Lenguajes de alto nivel que usa JS

Typescript, Coffeescript, ES6

How well did you know this?

Not at all

Perfectly

Herramientas de gestores de dependencias

Bower, Yarn, npm

How well did you know this?

Not at all

Perfectly

Herramientas de automatización de tareas

Gulp y Grunt

How well did you know this?

Not at all

Perfectly

Herramientas de plantillas de proyecto

yeoman

How well did you know this?

Not at all

Perfectly

Inicio de pagina de HTML5

<!DOCTYPE html>

How well did you know this?

Not at all

Perfectly

Etiquetas de estructura semántica en HTML5

How well did you know this?

Not at all

Perfectly

¿Para que se usa la etiqueta <main>?

para añadir contenido principal

How well did you know this?

Not at all

Perfectly

Definición de etiqueta <section>

agrupación del contenido del que trata la pagina

How well did you know this?

Not at all

Perfectly

Definición de etiqueta

Contenedor de bloques de contenido que se consideran independientes del sitio web y pueden ser vistos, reutilizados y distribuidos por separado

Definición de

información tangencial que tenga que ver con la información principal.

Definición de

agrupar y etiquetar el contenido multimedia

Definición de

Trozo de texto para recalcar atención sobre él, con fines utilitarios

29

Definición de etiqueta

fragmento de texto con voz o tono alternativo al resto o un elemento fuera de la prosa actual (cursiva resaltado visual)

29

Definición de etiqueta

fragmento de texto importante

29

Definición de etiqueta de HTML4

etiqueta genérica de bloque

30

Definición de etiqueta de HTML4

Contenedor generico en linea

31

Definicion de etiqueta de HTML4

conservar el formato

32

Definición de etiqueta de HTML4

Para hacer una tabla

33

Definición de etiqueta de HTML4

Añadir citas

34

Definición de etiqueta de HTML4

para añadir listas sin ordenar

35

Definición de etiqueta de HTML4

Para añadir listas ordenadas

36

Definición de etiqueta de HTML4

añadir listas de definición

37

Definición de etiqueta de HTML4

Para enlaces e hipervinculos

38

Definición de etiqueta de HTML4 </div> </div> <div class='card-face answer'> <div class='answer-content'> Dentro de una pagina meter el contenido de otra </div> </div> </div> <div class='flashcard-row thin-card' data='{"aSoundUrl":null,"cardIsBlurrable":false,"number":39,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":525028741},"returnTo":"/packs/22181879/subscribe"}' id='card-525028741'> <div class='header'> 39 </div> <div class='card-face question'> <div class='question-content'> Definición de etiqueta de HTML4 <embed>/<object> </div> </div> <div class='card-face answer'> <div class='answer-content'> Para añadir recursos externos, ej. insertar pdf </div> </div> </div> <div class='flashcard-row thin-card' data='{"aSoundUrl":null,"cardIsBlurrable":false,"number":40,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":525117405},"returnTo":"/packs/22181879/subscribe"}' id='card-525117405'> <div class='header'> 40 </div> <div class='card-face question'> <div class='question-content'> Definición de etiqueta multimedia de HTML4 <canvas> </div> </div> <div class='card-face answer'> <div class='answer-content'> Para añadir lienzo para dibujar </div> </div> </div> <div class='flashcard-row thin-card' data='{"aSoundUrl":null,"cardIsBlurrable":false,"number":41,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":525117497},"returnTo":"/packs/22181879/subscribe"}' id='card-525117497'> <div class='header'> 41 </div> <div class='card-face question'> <div class='question-content'> Definición de etiqueta multimedia de HTML4 <svg> </div> </div> <div class='card-face answer'> <div class='answer-content'> para añadir grafico vectorial ( manera de generar grafico y que no se pixele al cambiar de tamaño) </div> </div> </div> <div class='flashcard-row thin-card' data='{"aSoundUrl":null,"cardIsBlurrable":false,"number":42,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":525117498},"returnTo":"/packs/22181879/subscribe"}' id='card-525117498'> <div class='header'> 42 </div> <div class='card-face question'> <div class='question-content'> Definición de etiqueta multimedia de HTML4 <track> </div> </div> <div class='card-face answer'> <div class='answer-content'> Añadir subtitulos a nuestros videos o audios </div> </div> </div> <div class='flashcard-row thin-card' data='{"aSoundUrl":null,"cardIsBlurrable":false,"number":43,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":525120012},"returnTo":"/packs/22181879/subscribe"}' id='card-525120012'> <div class='header'> 43 </div> <div class='card-face question'> <div class='question-content'> ¿Puede haber mas de una etiqueta <main>? </div> </div> <div class='card-face answer'> <div class='answer-content'> Si, pero todas las etiquetas menos 1 tienen que tener el apellido hidden </div> </div> </div> <div class='flashcard-row thin-card' data='{"aSoundUrl":null,"cardIsBlurrable":false,"number":44,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526156905},"returnTo":"/packs/22181879/subscribe"}' id='card-526156905'> <div class='header'> 44 </div> <div class='card-face question'> <div class='question-content'> ¿A qué se refieren estos productos: WebKit, Blink, Gecko? </div> </div> <div class='card-face answer'> <div class='answer-content'> Motor de renderización </div> </div> </div> <div class='flashcard-row thin-card' data='{"aSoundUrl":null,"cardIsBlurrable":false,"number":45,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526156946},"returnTo":"/packs/22181879/subscribe"}' id='card-526156946'> <div class='header'> 45 </div> <div class='card-face question'> <div class='question-content'> ¿Mediante que API podemos manipular los elementos de un documento HTML? </div> </div> <div class='card-face answer'> <div class='answer-content'> DOM (Document Object Model) </div> </div> </div> <div class='flashcard-row thin-card' data='{"aSoundUrl":null,"cardIsBlurrable":false,"number":46,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526157005},"returnTo":"/packs/22181879/subscribe"}' id='card-526157005'> <div class='header'> 46 </div> <div class='card-face question'> <div class='question-content'> ¿Cúal es la declaración de un documento HTML5? </div> </div> <div class='card-face answer'> <div class='answer-content'> ‹!DOCTYPE html› </div> </div> </div> <div class='flashcard-row thin-card' data='{"aSoundUrl":null,"cardIsBlurrable":false,"number":47,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526157043},"returnTo":"/packs/22181879/subscribe"}' id='card-526157043'> <div class='header'> 47 </div> <div class='card-face question'> <div class='question-content'> 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? </div> </div> <div class='card-face answer'> <div class='answer-content'> placeholder </div> </div> </div> <div class='flashcard-row thin-card' data='{"aSoundUrl":null,"cardIsBlurrable":false,"number":48,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526157072},"returnTo":"/packs/22181879/subscribe"}' id='card-526157072'> <div class='header'> 48 </div> <div class='card-face question'> <div class='question-content'> ¿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? </div> </div> <div class='card-face answer'> <div class='answer-content'> AJAX. El objeto principal se llama xmlHttpRequest </div> </div> </div> <div class='flashcard-row thin-card' data='{"aSoundUrl":null,"cardIsBlurrable":false,"number":49,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526157103},"returnTo":"/packs/22181879/subscribe"}' id='card-526157103'> <div class='header'> 49 </div> <div class='card-face question'> <div class='question-content'> Nombre tres frameworks MVVM </div> </div> <div class='card-face answer'> <div class='answer-content'> Angular ReactJS VUE </div> </div> </div> <div class='flashcard-row thin-card' data='{"aSoundUrl":null,"cardIsBlurrable":false,"number":50,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526157153},"returnTo":"/packs/22181879/subscribe"}' id='card-526157153'> <div class='header'> 50 </div> <div class='card-face question'> <div class='question-content'> Nombre dos herramientas de gestión de dependencias asociadas con el desarrollo web </div> </div> <div class='card-face answer'> <div class='answer-content'> bower npm </div> </div> </div> <div class='flashcard-row thin-card' data='{"aSoundUrl":null,"cardIsBlurrable":false,"number":51,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526157203},"returnTo":"/packs/22181879/subscribe"}' id='card-526157203'> <div class='header'> 51 </div> <div class='card-face question'> <div class='question-content'> ¿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? </div> </div> <div class='card-face answer'> <div class='answer-content'> transpiler </div> </div> </div> <div class='flashcard-row thin-card' data='{"aSoundUrl":null,"cardIsBlurrable":false,"number":52,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526157252},"returnTo":"/packs/22181879/subscribe"}' id='card-526157252'> <div class='header'> 52 </div> <div class='card-face question'> <div class='question-content'> Nombre dos herramientas de automatización de tareas asociadas al desarrollo web </div> </div> <div class='card-face answer'> <div class='answer-content'> gulp grunt </div> </div> </div> <div class='flashcard-row thin-card' data='{"aSoundUrl":null,"cardIsBlurrable":false,"number":53,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526157280},"returnTo":"/packs/22181879/subscribe"}' id='card-526157280'> <div class='header'> 53 </div> <div class='card-face question'> <div class='question-content'> Si tenemos un texto con saltos de linea, etc y queremos conservar exactamente ese formato, ¿qué etiqueta hay que utilizar? </div> </div> <div class='card-face answer'> <div class='answer-content'> pre </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":54,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526157325},"returnTo":"/packs/22181879/subscribe"}' id='card-526157325'> <div class='header'> 54 </div> <div class='card-face question'> <div class='question-content'> Nombre 4 etiquetas semánticas estructurales </div> </div> <div class='card-face answer'> <div class='answer-content'> section article nav aside </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":55,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526157358},"returnTo":"/packs/22181879/subscribe"}' id='card-526157358'> <div class='header'> 55 </div> <div class='card-face question'> <div class='question-content'> ¿Para que sirve el atributo “dir” ? </div> </div> <div class='card-face answer'> <div class='answer-content'> Para especificar la dirección del texto. Para idiomas como el arabe, etc </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":56,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526157396},"returnTo":"/packs/22181879/subscribe"}' id='card-526157396'> <div class='header'> 56 </div> <div class='card-face question'> <div class='question-content'> Nombre 9 API’s de HTML5 </div> </div> <div class='card-face answer'> <div class='answer-content'> Geolocation Canvas WebSockets Server Sent Events File Web Storage WebWorker IndexedDB Drag and Drop </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":57,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526157429},"returnTo":"/packs/22181879/subscribe"}' id='card-526157429'> <div class='header'> 57 </div> <div class='card-face question'> <div class='question-content'> ¿Cual es la etiqueta que representa a un contenedor en linea? </div> </div> <div class='card-face answer'> <div class='answer-content'> span </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":58,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526157465},"returnTo":"/packs/22181879/subscribe"}' id='card-526157465'> <div class='header'> 58 </div> <div class='card-face question'> <div class='question-content'> ¿Para que sirve la etiqueta svg? </div> </div> <div class='card-face answer'> <div class='answer-content'> Para insertar graficos vectoriales </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":59,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526157595},"returnTo":"/packs/22181879/subscribe"}' id='card-526157595'> <div class='header'> 59 </div> <div class='card-face question'> <div class='question-content'> ¿Cual es la declaración para asociarle al documento una hoja de estilos? </div> </div> <div class='card-face answer'> <div class='answer-content'> ‹link rel=”stylesheet” href=”estilos.css”› </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":60,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526157615},"returnTo":"/packs/22181879/subscribe"}' id='card-526157615'> <div class='header'> 60 </div> <div class='card-face question'> <div class='question-content'> ¿Como podría especificar una versión alternativa de su pagina, como por ejemplo una versión en PDF en frances? </div> </div> <div class='card-face answer'> <div class='answer-content'> ‹link rel=”alternate” hreflang=”fr” type=”application/pdf” href=”pagina.pdf”› </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":61,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526157671},"returnTo":"/packs/22181879/subscribe"}' id='card-526157671'> <div class='header'> 61 </div> <div class='card-face question'> <div class='question-content'> ¿Existe alguna forma de utilizar atributos personalizados dentro del documento HTML? </div> </div> <div class='card-face answer'> <div class='answer-content'> Los atributos data-* </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":62,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526157716},"returnTo":"/packs/22181879/subscribe"}' id='card-526157716'> <div class='header'> 62 </div> <div class='card-face question'> <div class='question-content'> ¿Existen algun(os) atributos específicos para mejorar la accesibilidad de nuestras páginas? </div> </div> <div class='card-face answer'> <div class='answer-content'> Si, se denominan aria-* y el atributo role </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":63,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526157755},"returnTo":"/packs/22181879/subscribe"}' id='card-526157755'> <div class='header'> 63 </div> <div class='card-face question'> <div class='question-content'> Nombre tres funciones del API del DOM para poder seleccionar elementos dentro de la página </div> </div> <div class='card-face answer'> <div class='answer-content'> document.getElementById(id) document.getElementByTagName(tag) document.querySelector(selector) </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":64,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526157790},"returnTo":"/packs/22181879/subscribe"}' id='card-526157790'> <div class='header'> 64 </div> <div class='card-face question'> <div class='question-content'> ¿Que es un polyfill ? </div> </div> <div class='card-face answer'> <div class='answer-content'> 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 </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":65,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526157846},"returnTo":"/packs/22181879/subscribe"}' id='card-526157846'> <div class='header'> 65 </div> <div class='card-face question'> <div class='question-content'> Si queremos poner un texto en negrita, ¿que etiqueta deberiamos de utilizar? </div> </div> <div class='card-face answer'> <div class='answer-content'> Con ‹strong› recordar que ‹b› ha cambiado su signifcado por algo mas semantico como “Bring Attention” </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":66,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526157865},"returnTo":"/packs/22181879/subscribe"}' id='card-526157865'> <div class='header'> 66 </div> <div class='card-face question'> <div class='question-content'> ¿Cuales son los dos atributos que nos permiten asociarle estilos a una etiqueta? </div> </div> <div class='card-face answer'> <div class='answer-content'> class (clase de estilos definida en un css externo o en el bloque style del head de la pagina) style (estilo inline) </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":67,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526157927},"returnTo":"/packs/22181879/subscribe"}' id='card-526157927'> <div class='header'> 67 </div> <div class='card-face question'> <div class='question-content'> En HTML5, ¿se pueden seguir utilizando frames? </div> </div> <div class='card-face answer'> <div class='answer-content'> Si, pero solo el ‹iframe› </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":68,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526157962},"returnTo":"/packs/22181879/subscribe"}' id='card-526157962'> <div class='header'> 68 </div> <div class='card-face question'> <div class='question-content'> ¿Con que atributo se puede editar de forma online un parrafo por ej? </div> </div> <div class='card-face answer'> <div class='answer-content'> Con el atributo contenteditable=”true” </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":69,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526157992},"returnTo":"/packs/22181879/subscribe"}' id='card-526157992'> <div class='header'> 69 </div> <div class='card-face question'> <div class='question-content'> ¿Como se puede incrustar un video(reproductor) en una pagina html? </div> </div> <div class='card-face answer'> <div class='answer-content'> ‹video src=”movie.ogg” controls=”controls”›‹/video› </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":70,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526285890},"returnTo":"/packs/22181879/subscribe"}' id='card-526285890'> <div class='header'> 70 </div> <div class='card-face question'> <div class='question-content'> ¿Qué tres parámetros (atributos) se relacionan con el “Modelo de Caja” ? </div> </div> <div class='card-face answer'> <div class='answer-content'> margin border padding </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":71,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526286123},"returnTo":"/packs/22181879/subscribe"}' id='card-526286123'> <div class='header'> 71 </div> <div class='card-face question'> <div class='question-content'> ¿Qué tipo MIME representa a una hoja de estilos? </div> </div> <div class='card-face answer'> <div class='answer-content'> text/css </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":72,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526286188},"returnTo":"/packs/22181879/subscribe"}' id='card-526286188'> <div class='header'> 72 </div> <div class='card-face question'> <div class='question-content'> ¿Para qué sirve el siguiente selector? [title] { … } </div> </div> <div class='card-face answer'> <div class='answer-content'> selecciona todas las etiquetas a que tengan definido el atributo title </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":73,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526286340},"returnTo":"/packs/22181879/subscribe"}' id='card-526286340'> <div class='header'> 73 </div> <div class='card-face question'> <div class='question-content'> ¿Para que sirve el siguiente selector? [lang] { … } </div> </div> <div class='card-face answer'> <div class='answer-content'> selecciona todas las etiquetas que tengan definido el atributo Lang </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":74,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526286865},"returnTo":"/packs/22181879/subscribe"}' id='card-526286865'> <div class='header'> 74 </div> <div class='card-face question'> <div class='question-content'> ¿Cómo se definen reglas específicas para adaptarse a un dispositivo móvil por ej.? </div> </div> <div class='card-face answer'> <div class='answer-content'> @media only screen and (max-width:640px) { … } </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":75,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526287173},"returnTo":"/packs/22181879/subscribe"}' id='card-526287173'> <div class='header'> 75 </div> <div class='card-face question'> <div class='question-content'> ¿Qué se toma como referencia cuando decimos position:fixed? </div> </div> <div class='card-face answer'> <div class='answer-content'> La referencia es el documento siendo (0,0) la esquina superior izquierda </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":76,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526287292},"returnTo":"/packs/22181879/subscribe"}' id='card-526287292'> <div class='header'> 76 </div> <div class='card-face question'> <div class='question-content'> ¿Qué se toma como referencia cuando decimos position:absolute? </div> </div> <div class='card-face answer'> <div class='answer-content'> La referencia es el contenedor en el que este definida la etiqueta afectada por este estilo </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":77,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526287398},"returnTo":"/packs/22181879/subscribe"}' id='card-526287398'> <div class='header'> 77 </div> <div class='card-face question'> <div class='question-content'> Nombre dos preprocesadores CSS </div> </div> <div class='card-face answer'> <div class='answer-content'> less sass </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":78,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526287519},"returnTo":"/packs/22181879/subscribe"}' id='card-526287519'> <div class='header'> 78 </div> <div class='card-face question'> <div class='question-content'> Nombre tres frameworks CSS </div> </div> <div class='card-face answer'> <div class='answer-content'> bootstrap foundation materialize </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":79,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526287566},"returnTo":"/packs/22181879/subscribe"}' id='card-526287566'> <div class='header'> 79 </div> <div class='card-face question'> <div class='question-content'> Nombre dos at-rules </div> </div> <div class='card-face answer'> <div class='answer-content'> @charset @font-face </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":80,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526287657},"returnTo":"/packs/22181879/subscribe"}' id='card-526287657'> <div class='header'> 80 </div> <div class='card-face question'> <div class='question-content'> ¿Para qué sirve el siguiente selector? table , a { … } </div> </div> <div class='card-face answer'> <div class='answer-content'> Se aplicarán los estilos sobre las etiquetas table y sobre a </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":81,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526287749},"returnTo":"/packs/22181879/subscribe"}' id='card-526287749'> <div class='header'> 81 </div> <div class='card-face question'> <div class='question-content'> ¿Para qué sirve el siguiente selector? table a { … } </div> </div> <div class='card-face answer'> <div class='answer-content'> Se aplicarán los estilos sobre las etiquetas a que estén dentro de una table (en cualquier nivel de profundidad) </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":82,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526287862},"returnTo":"/packs/22181879/subscribe"}' id='card-526287862'> <div class='header'> 82 </div> <div class='card-face question'> <div class='question-content'> ¿Para que sirve el siguiente selector? .texto { … } </div> </div> <div class='card-face answer'> <div class='answer-content'> Se aplicarán los estilos sobre todas las etiquetas que hayan declarado su atributo class de esta forma: ‹etiqueta class=”texto”› … </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":83,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526288015},"returnTo":"/packs/22181879/subscribe"}' id='card-526288015'> <div class='header'> 83 </div> <div class='card-face question'> <div class='question-content'> ¿Cuál es es selector que se refiere a un elemento en base a su identificador? </div> </div> <div class='card-face answer'> <div class='answer-content'> #identificador { ... } </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":84,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526288094},"returnTo":"/packs/22181879/subscribe"}' id='card-526288094'> <div class='header'> 84 </div> <div class='card-face question'> <div class='question-content'> ¿Para qué sirve este selector y comó se le denomina? a:hover { … } </div> </div> <div class='card-face answer'> <div class='answer-content'> Se le denomina pseudo-clase y en este caso el significado es: se aplicarán estilos sobre los enlaces al pasar el raton por encima </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":85,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526288300},"returnTo":"/packs/22181879/subscribe"}' id='card-526288300'> <div class='header'> 85 </div> <div class='card-face question'> <div class='question-content'> ¿Para qué sirve este selector y cómo se le denomina? p::first-letter { … } </div> </div> <div class='card-face answer'> <div class='answer-content'> Se le denomina pseudo-elemento y en este caso el significado es: se aplicarán estilos sobre la primera letra de los párrafos </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":86,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526288454},"returnTo":"/packs/22181879/subscribe"}' id='card-526288454'> <div class='header'> 86 </div> <div class='card-face question'> <div class='question-content'> ¿Para qué sirve la siguiente declaración en un archivo css externo por ej? p { color:red !important; } </div> </div> <div class='card-face answer'> <div class='answer-content'> Para forzar a que los parrafos tengan texto en color rojo aunque haya cualquier otra regla (por ej. en el bloque con mayor prioridad/especificidad que intente cambiarlo </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":87,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526288527},"returnTo":"/packs/22181879/subscribe"}' id='card-526288527'> <div class='header'> 87 </div> <div class='card-face question'> <div class='question-content'> ¿A que elementos se le aplica la “especificidad”? </div> </div> <div class='card-face answer'> <div class='answer-content'> A los selectores https://specificity.keegan.st/ (buenísimo) </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":88,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526288548},"returnTo":"/packs/22181879/subscribe"}' id='card-526288548'> <div class='header'> 88 </div> <div class='card-face question'> <div class='question-content'> ¿Qué propiedad(es) de las siguientes no se herendan entre etiquetas padre e hijos sin tener que forzarlo? color font-family margin text-align </div> </div> <div class='card-face answer'> <div class='answer-content'> El margin no se hereda por defecto, el resto si </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":89,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526288700},"returnTo":"/packs/22181879/subscribe"}' id='card-526288700'> <div class='header'> 89 </div> <div class='card-face question'> <div class='question-content'> ¿Cómo se fuerza a heredar de tu etiqueta padre el valor que tuviera su propiedad float? </div> </div> <div class='card-face answer'> <div class='answer-content'> selector { float:inherit; } </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":90,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526288767},"returnTo":"/packs/22181879/subscribe"}' id='card-526288767'> <div class='header'> 90 </div> <div class='card-face question'> <div class='question-content'> ¿Qué diferencia fundamental tienen estas dos declaraciones? display:none visibility:hidden </div> </div> <div class='card-face answer'> <div class='answer-content'> Aunque las dos provocan que se oculte el elemento, display:none no deja el hueco que ocuparia el elemento y visibility:hidden si deja ese espacio “en blanco” </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":91,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526288876},"returnTo":"/packs/22181879/subscribe"}' id='card-526288876'> <div class='header'> 91 </div> <div class='card-face question'> <div class='question-content'> ¿Cómo podríamos preparar el contenido de una pagina para que se imprimiera lo mejor posible? </div> </div> <div class='card-face answer'> <div class='answer-content'> Modificando todo tipo de estilos de los elementos de la pagina de cara a imprimirse y usando por ej la regla @page para definir todo lo relativo al comportamiento de las paginas en impresión Con @media print { … } dentro del bloque de la pagina ‹link rel=”stylesheet” type=”text/css” href=”/estilos-impresion.css” media=”print”/› </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":92,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526288980},"returnTo":"/packs/22181879/subscribe"}' id='card-526288980'> <div class='header'> 92 </div> <div class='card-face question'> <div class='question-content'> ¿Con que etiqueta podríamos hacer uso de fuentes tipográficas externas? </div> </div> <div class='card-face answer'> <div class='answer-content'> @font-face </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":93,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526289103},"returnTo":"/packs/22181879/subscribe"}' id='card-526289103'> <div class='header'> 93 </div> <div class='card-face question'> <div class='question-content'> ¿Qué tipo de unidad de media es “em” y que significa? </div> </div> <div class='card-face answer'> <div class='answer-content'> Es una unidad de medida relativa respecto de la fuente actual (contando con la herencia !ojo! ) </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":94,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526289350},"returnTo":"/packs/22181879/subscribe"}' id='card-526289350'> <div class='header'> 94 </div> <div class='card-face question'> <div class='question-content'> ¿Cuál de las siguiente medidas es relativa? px cm rem pt </div> </div> <div class='card-face answer'> <div class='answer-content'> rem es una unidad de medida relativa a la fuente definida en la raiz (etiqueta html) </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":95,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526289397},"returnTo":"/packs/22181879/subscribe"}' id='card-526289397'> <div class='header'> 95 </div> <div class='card-face question'> <div class='question-content'> ¿Qué representa la propiedad z-index? </div> </div> <div class='card-face answer'> <div class='answer-content'> Con z-index, que acepta valores numéricos, podemos definir la altura/profundidad de nuestras capas (div por ej). Es decir, pasamos de ver una página en 2D a 3D </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":96,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526830021},"returnTo":"/packs/22181879/subscribe"}' id='card-526830021'> <div class='header'> 96 </div> <div class='card-face question'> <div class='question-content'> ¿Para que se utiliza el atributo class? </div> </div> <div class='card-face answer'> <div class='answer-content'> Son clases de estilos definidas en las CSS </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":97,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526830209},"returnTo":"/packs/22181879/subscribe"}' id='card-526830209'> <div class='header'> 97 </div> <div class='card-face question'> <div class='question-content'> ¿Que hace el atributo title? </div> </div> <div class='card-face answer'> <div class='answer-content'> te da informacion al pasar el raton por encima </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":98,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526830387},"returnTo":"/packs/22181879/subscribe"}' id='card-526830387'> <div class='header'> 98 </div> <div class='card-face question'> <div class='question-content'> ¿Que nos dice el atributo translate? </div> </div> <div class='card-face answer'> <div class='answer-content'> Si es traducible o no </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":99,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526830475},"returnTo":"/packs/22181879/subscribe"}' id='card-526830475'> <div class='header'> 99 </div> <div class='card-face question'> <div class='question-content'> ¿Que dice el atributo style? </div> </div> <div class='card-face answer'> <div class='answer-content'> Nos habla de estilos aplicados directamente en la etiqueta (inline) </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":100,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526830632},"returnTo":"/packs/22181879/subscribe"}' id='card-526830632'> <div class='header'> 100 </div> <div class='card-face question'> <div class='question-content'> ¿Que hace el atributo tabindex? </div> </div> <div class='card-face answer'> <div class='answer-content'> establece el orden de movimiento cuando usamos el tabulador </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":101,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526830832},"returnTo":"/packs/22181879/subscribe"}' id='card-526830832'> <div class='header'> 101 </div> <div class='card-face question'> <div class='question-content'> ¿Para que se utiliza la API File? </div> </div> <div class='card-face answer'> <div class='answer-content'> Para subir ficheros </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":102,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526830902},"returnTo":"/packs/22181879/subscribe"}' id='card-526830902'> <div class='header'> 102 </div> <div class='card-face question'> <div class='question-content'> ¿Para que se usa la API Webworker? </div> </div> <div class='card-face answer'> <div class='answer-content'> Para lanzar una tarea en segundo plano </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":103,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526831049},"returnTo":"/packs/22181879/subscribe"}' id='card-526831049'> <div class='header'> 103 </div> <div class='card-face question'> <div class='question-content'> ¿Para que se utiliza la API Websocket o Server Sent Events? </div> </div> <div class='card-face answer'> <div class='answer-content'> información que se manda sin que el cliente refresque una pagina. ej: estas cogiendo un hotel y te mandan un mensaje que te dice que el hotel ya no tiene habitaciones. </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":104,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526831452},"returnTo":"/packs/22181879/subscribe"}' id='card-526831452'> <div class='header'> 104 </div> <div class='card-face question'> <div class='question-content'> ¿Cual es el tipo mime de CSS? </div> </div> <div class='card-face answer'> <div class='answer-content'> text/css </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":105,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526831611},"returnTo":"/packs/22181879/subscribe"}' id='card-526831611'> <div class='header'> 105 </div> <div class='card-face question'> <div class='question-content'> Nombra 4 frameworks de CSS </div> </div> <div class='card-face answer'> <div class='answer-content'> Bootstrap, Foundation, Bulma y Materialize </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":106,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":526831902},"returnTo":"/packs/22181879/subscribe"}' id='card-526831902'> <div class='header'> 106 </div> <div class='card-face question'> <div class='question-content'> Cascada de importancia cuando dos o mas reglas coinciden en el mismo elemento, ordenados de mas importante a menos. </div> </div> <div class='card-face answer'> <div class='answer-content'> 1. Estilos relacionados con el documento. 2. Estilos especificados por el usuario 3. Estilos por defecto del navegador. Todo esto cambia si en algun caso se ha puesto la etiqueta !important, que pasaria a ser el numero uno en importancia. </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":107,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":527026077},"returnTo":"/packs/22181879/subscribe"}' id='card-527026077'> <div class='header'> 107 </div> <div class='card-face question'> <div class='question-content'> Atributos principales de la etiqueta form </div> </div> <div class='card-face answer'> <div class='answer-content'> - action (url del servicio/programa que procesara los datos del formulario) - method (metodo segun el protocolo HTTP de envio, tipicamente en un form tendriamos GET o POST) </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":108,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":527029865},"returnTo":"/packs/22181879/subscribe"}' id='card-527029865'> <div class='header'> 108 </div> <div class='card-face question'> <div class='question-content'> ¿Que tipo de producto es Blink? </div> </div> <div class='card-face answer'> <div class='answer-content'> Motor de renderizado (procesa HTML + CSS) * es un componente del navegador chromium y derivados y fue el sustituto de Webkit. </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":109,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":527030073},"returnTo":"/packs/22181879/subscribe"}' id='card-527030073'> <div class='header'> 109 </div> <div class='card-face question'> <div class='question-content'> Uso de la etiqueta <header> y <head> </div> </div> <div class='card-face answer'> <div class='answer-content'> head: etiqueta que sirve para especificar metadatos, enlazar css... header: etiqueta semantica que indica zonas de cabecera en un documento main, section... </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":110,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":527030537},"returnTo":"/packs/22181879/subscribe"}' id='card-527030537'> <div class='header'> 110 </div> <div class='card-face question'> <div class='question-content'> Uso de la etiqueta <pre> y <code> </div> </div> <div class='card-face answer'> <div class='answer-content'> - pre: conservar el formato (saltos de linea, etc) de un parrafo - code: para especificar que un texto es un bloque de lenguaje de programacion </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":111,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":527030652},"returnTo":"/packs/22181879/subscribe"}' id='card-527030652'> <div class='header'> 111 </div> <div class='card-face question'> <div class='question-content'> ¿Como se enlaza una hoja de estilos con una pagina HTML? </div> </div> <div class='card-face answer'> <div class='answer-content'> <link rel="stylesheet" href= "url/css"/> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":112,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":527030924},"returnTo":"/packs/22181879/subscribe"}' id='card-527030924'> <div class='header'> 112 </div> <div class='card-face question'> <div class='question-content'> Enumera 6 posibles valores para el atributo "type" de <input> </div> </div> <div class='card-face answer'> <div class='answer-content'> Password, tel, email, number, time, color </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":113,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":527031729},"returnTo":"/packs/22181879/subscribe"}' id='card-527031729'> <div class='header'> 113 </div> <div class='card-face question'> <div class='question-content'> Uso del atributo placeholder </div> </div> <div class='card-face answer'> <div class='answer-content'> texto que ponemos dentro de la caja como ayuda contextual, desaparece cuando el usuario escribe dentro </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":114,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":527031758},"returnTo":"/packs/22181879/subscribe"}' id='card-527031758'> <div class='header'> 114 </div> <div class='card-face question'> <div class='question-content'> ¿Como se especifica que un <input> es obligatorio? </div> </div> <div class='card-face answer'> <div class='answer-content'> atributo required *ojo con la sintaxis de los atributos boolean, tiene mucha relacion con la pseudoclase: invalid :valid </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":115,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":527031904},"returnTo":"/packs/22181879/subscribe"}' id='card-527031904'> <div class='header'> 115 </div> <div class='card-face question'> <div class='question-content'> ¿Cuando usamos el atributo "style" o "class"? </div> </div> <div class='card-face answer'> <div class='answer-content'> - Style lo usamos para dar estilo a un elemento (inline) particular - Class cuando queremos definir un estilo "reutilizables" y asignables a un conjunto de elementos </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":116,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":527031998},"returnTo":"/packs/22181879/subscribe"}' id='card-527031998'> <div class='header'> 116 </div> <div class='card-face question'> <div class='question-content'> Etiquetas utilizadas para crear una tabla </div> </div> <div class='card-face answer'> <div class='answer-content'> "<table> <tr> <td> <th> otras: <caption> <thead> <tfoot>" </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":117,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":527032354},"returnTo":"/packs/22181879/subscribe"}' id='card-527032354'> <div class='header'> 117 </div> <div class='card-face question'> <div class='question-content'> ¿Como se especifica que al cargar la pagina el foco se situe sobre un <input> especifico? </div> </div> <div class='card-face answer'> <div class='answer-content'> autofocus </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":118,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":527032727},"returnTo":"/packs/22181879/subscribe"}' id='card-527032727'> <div class='header'> 118 </div> <div class='card-face question'> <div class='question-content'> Formas de añadir una imagen a una pagina HTML </div> </div> <div class='card-face answer'> <div class='answer-content'> <img src="url/gf..."> <picture> <svg> <figure> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":119,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":527032952},"returnTo":"/packs/22181879/subscribe"}' id='card-527032952'> <div class='header'> 119 </div> <div class='card-face question'> <div class='question-content'> Funcion del API Web Worker, Web Storage y Server-Sent Events </div> </div> <div class='card-face answer'> <div class='answer-content'> WW - lanzar tareas asincronas y no bloquear el hilo principal del navegador. WS - capacidad desde javascript para guardar datos "clave-valor" en una pestaña o en el navegador. NOTA: los objetos que se usan en este API se llama sesionstorage y localstorage SSE: Envio de notificaciones desde al servidor al cliente (PUSH) </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":120,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":527033134},"returnTo":"/packs/22181879/subscribe"}' id='card-527033134'> <div class='header'> 120 </div> <div class='card-face question'> <div class='question-content'> Uso de la etiqueta <ul> ¿Alguna alternativa? </div> </div> <div class='card-face answer'> <div class='answer-content'> Lista no ordenada * la alternativa mas semantica seria la etiqueta <menu> (hijos de tipo li...) </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":121,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":527033497},"returnTo":"/packs/22181879/subscribe"}' id='card-527033497'> <div class='header'> 121 </div> <div class='card-face question'> <div class='question-content'> Uso de la etiqueta <search> y <h7> </div> </div> <div class='card-face answer'> <div class='answer-content'> <search> define una zona de busqueda (semantica) <h7> no existe </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":122,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":527036700},"returnTo":"/packs/22181879/subscribe"}' id='card-527036700'> <div class='header'> 122 </div> <div class='card-face question'> <div class='question-content'> Propiedades que definene el "modelo de caja" </div> </div> <div class='card-face answer'> <div class='answer-content'> margin (TRBL), border (tamaño estilo y color ;ej. 2px dashed red) y padding ( </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":123,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":527036714},"returnTo":"/packs/22181879/subscribe"}' id='card-527036714'> <div class='header'> 123 </div> <div class='card-face question'> <div class='question-content'> ¿Como se define el selector para un elemento cuyo valor de atributo "id" es "abc"? </div> </div> <div class='card-face answer'> <div class='answer-content'> " #abc { estilos; } " </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":124,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":527036753},"returnTo":"/packs/22181879/subscribe"}' id='card-527036753'> <div class='header'> 124 </div> <div class='card-face question'> <div class='question-content'> ¿Como podemos poner en color rojo todos los parrafos que haya directamente dentro de un div? </div> </div> <div class='card-face answer'> <div class='answer-content'> div>p { color: red; } </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":125,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":527036794},"returnTo":"/packs/22181879/subscribe"}' id='card-527036794'> <div class='header'> 125 </div> <div class='card-face question'> <div class='question-content'> ¿En que consiste el mecanismo de la herencia? </div> </div> <div class='card-face answer'> <div class='answer-content'> Que los hijos heredan de forma automatica ciertas properties del padre * font-size es de las properties mas importantes que se heredan </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":126,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":527036929},"returnTo":"/packs/22181879/subscribe"}' id='card-527036929'> <div class='header'> 126 </div> <div class='card-face question'> <div class='question-content'> ¿En que consiste el posicionamiento "sticky"? </div> </div> <div class='card-face answer'> <div class='answer-content'> Es un posicionamiento de un bloque que "sobrevive" al posible scroll de la pagina </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":127,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":527037103},"returnTo":"/packs/22181879/subscribe"}' id='card-527037103'> <div class='header'> 127 </div> <div class='card-face question'> <div class='question-content'> ¿Cual es la utilidad de un preprocesador CSS? ¿y de un framework CSS? ejemplos </div> </div> <div class='card-face answer'> <div class='answer-content'> Preprocesador: Ayudar al desarrollador a confeccionar hojas de estilo con una sintaxis mas potente que CSS * tenemos que realizar un proceso de traduccion a css porque el navegador no entiende estos lenguajes. Ejemplos: less sass stylus. Frameworks: conjunto de clases de estilos predefinidas (posicionamiento, botones, componentes...) Ej: Bootstrap, TailWind, Material, Foundation.... </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":128,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":527037168},"returnTo":"/packs/22181879/subscribe"}' id='card-527037168'> <div class='header'> 128 </div> <div class='card-face question'> <div class='question-content'> ¿Como se especifica que queremos en cursiva una fuente en CSS? </div> </div> <div class='card-face answer'> <div class='answer-content'> font-style: italic; </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":129,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":527037278},"returnTo":"/packs/22181879/subscribe"}' id='card-527037278'> <div class='header'> 129 </div> <div class='card-face question'> <div class='question-content'> ¿Como podemos hacer pata que los parrafos empiecen por mayuscula? </div> </div> <div class='card-face answer'> <div class='answer-content'> p { text- transform: capitalize; } p::first-letter { text-transform:uppercase; } </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":130,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":527037309},"returnTo":"/packs/22181879/subscribe"}' id='card-527037309'> <div class='header'> 130 </div> <div class='card-face question'> <div class='question-content'> ¿Podemos asignarle dos clases de estilos diferentes a un cierto elemento? </div> </div> <div class='card-face answer'> <div class='answer-content'> "si <elemento class=''clase1 clase2''> " </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":131,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":527045109},"returnTo":"/packs/22181879/subscribe"}' id='card-527045109'> <div class='header'> 131 </div> <div class='card-face question'> <div class='question-content'> ¿Podemos importat dentro de una css el contenido de otra? </div> </div> <div class='card-face answer'> <div class='answer-content'> @import url(".../estilos.css") </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":132,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":527045156},"returnTo":"/packs/22181879/subscribe"}' id='card-527045156'> <div class='header'> 132 </div> <div class='card-face question'> <div class='question-content'> ¿Como se podrian definir unos estilos que unicamente tengan efecto a partir de una cierta resolucion? </div> </div> <div class='card-face answer'> <div class='answer-content'> "@media screen and (min-width:900px){ } </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":133,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":527045211},"returnTo":"/packs/22181879/subscribe"}' id='card-527045211'> <div class='header'> 133 </div> <div class='card-face question'> <div class='question-content'> ¿Como se pueden aplicar estilos a los enlaces cuando pasas el raton por encima? </div> </div> <div class='card-face answer'> <div class='answer-content'> a:hover { } </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":134,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":527528918},"returnTo":"/packs/22181879/subscribe"}' id='card-527528918'> <div class='header'> 134 </div> <div class='card-face question'> <div class='question-content'> Si tenemos dos selectores que afectan a un <button> uno en estilos1.cc y otro en estilos2.css) ¿Cuál tendrá mas preferencia? </div> </div> <div class='card-face answer'> <div class='answer-content'> Sin mas datos, tendría mas preferencia el ultimo que haya "enlazado" (link rel=... href=...) </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":135,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":527528922},"returnTo":"/packs/22181879/subscribe"}' id='card-527528922'> <div class='header'> 135 </div> <div class='card-face question'> <div class='question-content'> ¿Para que usamos la declaración !important? </div> </div> <div class='card-face answer'> <div class='answer-content'> Para aumentar la prioridad de ese estilo dentro de la cascada </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":136,"qSoundUrl":null,"resources":{"deckId":16439217,"packId":22181879,"cardId":527528926},"returnTo":"/packs/22181879/subscribe"}' id='card-527528926'> <div class='header'> 136 </div> <div class='card-face question'> <div class='question-content'> Significado de las unidades rem, em, vw, vh </div> </div> <div class='card-face answer'> <div class='answer-content'> rem: unidad relativa a la raíz (etiqueta <html>) em: unidad relativa al tamaño que heredas del padre </div> </div> </div> </div> </div> </div> <div class='flashcards-sidebar'> <div class='sidebar-header'> <div class='react-component' id='flashcards-search-bar'> <div class='placeholder market-search-bar' id='flashcards-search-bar-placeholder'></div> </div> </div> <div class='sidebar-content'> <p class='deck-subject-heading'> <a class="decks-in-subject-link" href="/packs/bloque2-22181879"><span class="pack-name">Bloque2</span> (5 decks) </a></p> <ul class='deck-list-items'> <a class='deck-link ' href='/flashcards/tema-7-16346976/packs/22181879'> <li class='deck-list-item'>Tema 7</li> </a> <a class='deck-link ' href='/flashcards/tema-2-16415956/packs/22181879'> <li class='deck-list-item'>Tema 2</li> </a> <a class='deck-link selected' href='/flashcards/html-y-css-16439217/packs/22181879'> <li class='deck-list-item'>HTML y CSS</li> </a> <a class='deck-link ' href='/flashcards/tcp-ip-profesor-16439221/packs/22181879'> <li class='deck-list-item'>TCP/IP profesor</li> </a> <a class='deck-link ' href='/flashcards/linux-16665518/packs/22181879'> <li class='deck-list-item'>Linux</li> </a> </ul> </div> </div> </div> <div id='tooltip-controller'></div> <div data='{"packId":22181879,"source":"spaced-repetition-modal","subject":"Bloque2","resources":{"deckId":16439217,"packId":22181879},"returnTo":"/packs/22181879/subscribe"}' id='spaced-repetition-modal-controller'></div> <div id='banner-controller'></div> <div id='dialog-modal-controller'></div> <div class='band band-footer'> <div class='footer-main'> <ul class='sections'> <li class='section key-links'> <p class='section-heading'> Key Links </p> <ul class='options-list'> <li class='option'> <a id="footer-pricing-link" class="option-link" href="/pricing?paywall=upgrade">Pricing</a> </li> <li class='option'> <a class="option-link" href="/companies">Corporate Training</a> </li> <li class='option'> <a class="option-link" href="/teachers">Teachers & Schools</a> </li> <li class='option'> <a class="option-link" target="_blank" rel="nofollow noopener noreferrer" href="https://itunes.apple.com/us/app/brainscape-smart-flashcards/id442415567?mt=8">iOS App</a> </li> <li class='option'> <a class="option-link" target="_blank" rel="nofollow noopener noreferrer" href="https://play.google.com/store/apps/details?id=com.brainscape.mobile.portal">Android App</a> </li> <li class='option'> <a class="option-link" target="_blank" rel="noopener" href="https://www.brainscape.com/faq">Help Center</a> </li> </ul> </li> <li class='section subjects'> <p class='section-heading'> Subjects </p> <ul class='options-list'> <li class='option'> <a class="option-link" href="/subjects/medical-nursing">Medical & Nursing</a> </li> <li class='option'> <a class="option-link" href="/subjects/law">Law Education</a> </li> <li class='option'> <a class="option-link" href="/subjects/foreign-languages">Foreign Languages</a> </li> <li class='option'> <a class="option-link" href="/subjects-directory/a">All Subjects A-Z</a> </li> <li class='option certified-classes'> <a class="option-link" href="/learn">All Certified Classes</a> </li> </ul> </li> <li class='section company'> <p class='section-heading'> Company </p> <ul class='options-list'> <li class='option'> <a class="option-link" href="/about">About Us</a> </li> <li class='option'> <a target="_blank" class="option-link" rel="nofollow noopener noreferrer" href="https://brainscape.zendesk.com/hc/en-us/articles/115002370011-Can-I-earn-money-from-my-flashcards-">Earn Money!</a> </li> <li class='option'> <a target="_blank" class="option-link" href="https://www.brainscape.com/academy">Academy</a> </li> <li class='option'> <a target="_blank" class="option-link" href="https://brainscapeshop.myspreadshop.com/all">Swag Shop</a> </li> <li class='option'> <a target="_blank" rel="nofollow noopener" class="option-link" href="/contact">Contact</a> </li> <li class='option'> <a target="_blank" rel="nofollow noopener" class="option-link" href="/terms">Terms</a> </li> <li class='option'> <a target="_blank" class="option-link" href="https://www.brainscape.com/academy/brainscape-podcasts/">Podcasts</a> </li> <li class='option'> <a target="_blank" class="option-link" href="/careers">Careers</a> </li> </ul> </li> <li class='section find-us'> <p class='section-heading'> Find Us </p> <ul class='social-media-list'> <li class='option twitter-badge group'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://twitter.com/Brainscape"><img data-src="/pks/images/shared/twitterx-af917e8b474ed7c95a19.svg" alt="twitter badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a> </li> <li class='option linkedin-badge group'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.linkedin.com/company/brainscape/"><img data-src="/pks/images/shared/linkedin-2f15819658f768056cef.svg" alt="linkedin badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a> </li> <li class='option facebook-badge group'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.facebook.com/Brainscape"><img data-src="/pks/images/shared/facebook-1598a44227eabc411188.svg" alt="facebook badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a> </li> <li class='option youtube-badge group'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.youtube.com/c/BrainscapeNY"><img data-src="/pks/images/shared/youtube-7f2994b2dc1891582524.svg" alt="youtube badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a> </li> <li class='option pinterest-badge group'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.pinterest.com/brainscape/"><img data-src="/pks/images/shared/pinterest-04f51aa292161075437b.svg" alt="pinterest badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a> </li> <li class='option tiktok-badge group'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.tiktok.com/@brainscapeu"><img data-src="/pks/images/shared/tiktok-644cf4608bd73fbbb24f.svg" alt="tiktok badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a> </li> <li class='option insta-badge group'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.instagram.com/brainscape/"><img data-src="/pks/images/shared/insta-210cc2d059ae807961d2.svg" alt="insta badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a> </li> </ul> <div class='get-the-app'> <div class='qr-code'> <img data-src="https://www.brainscape.com/assets/cms/public-views/shared/shortio-from-homepage.png" alt="QR code" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="130" height="130" /> </div> <div class='app-badges'> <div class='badge apple-badge'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://apps.apple.com/us/app/brainscape-smart-flashcards/id442415567"><img data-src="/pks/images/shared/apple-badge-b6e4f380fb879821d601.svg" alt="apple badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="124" height="50" /></a> </div> <div class='badge android-badge'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://play.google.com/store/apps/details?id=com.brainscape.mobile.portal&utm_source=global_co&utm_medium=prtnr&utm_content=Mar2515&utm_campaign=PartBadge&pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1"><img data-src="/pks/images/shared/android-badge-a2251833dc7f6ca8879c.svg" alt="android badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="124" height="50" /></a> </div> </div> </div> </li> </ul> </div> <div class='footer-blurb'> Brainscape helps you reach your goals faster, through stronger study habits. <br> © 2025 Bold Learning Solutions. <a class="option-link" href="/terms">Terms and Conditions</a> </div> </div> <script> if (typeof window.__REACT_DEVTOOLS_GLOBAL_HOOK__ === 'object') { __REACT_DEVTOOLS_GLOBAL_HOOK__.inject = function() {}; } </script> <script> window.addEventListener('load', () => { setTimeout(() => { const script = document.createElement('script'); script.src = "/pks/js/public-flashcards-page-9140413b5150ce9700f9.js"; script.defer = true; document.body.appendChild(script); }, 0); }); </script> <script src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js" defer="defer"></script> <script> document.addEventListener("mainSharedready", () => { GaHelper.setGaDimension("dimension1","No"); }); </script> <script type='application/ld+json'> {"@context":"https://schema.org/","@type":"Quiz","about":{"@type":"Thing","name":"HTML y CSS"},"hasPart":[{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"¿Que puerto usa Mysql?","acceptedAnswer":{"@type":"Answer","text":"3306"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"¿Que hace el sniffer de red?","acceptedAnswer":{"@type":"Answer","text":"Captura el trafico de la red"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"¿ Que atributo de HTML5 se encarga de identificar un elemento?","acceptedAnswer":{"@type":"Answer","text":"id. Tiene que ser unico"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"¿Que es IANA?","acceptedAnswer":{"@type":"Answer","text":"Internet asigned numbers authority. Supervisa la asignacion global de direcciones IP."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"¿Que es la ICANN?","acceptedAnswer":{"@type":"Answer","text":"Corporacion de internet para la asignacion de nombres y números "}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"¿Cuál es el motor de renderizado de Edge?","acceptedAnswer":{"@type":"Answer","text":"Blink"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"¿Cuál es el motor de renderizado de Chrome?","acceptedAnswer":{"@type":"Answer","text":"Blink"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"¿Cuál es el motor de renderizado de Firefox?","acceptedAnswer":{"@type":"Answer","text":"Quantum"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"¿Cuál es el motor de renderizado de Opera?","acceptedAnswer":{"@type":"Answer","text":"Blink"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"¿Cuál es el motor de renderizado de Safari?","acceptedAnswer":{"@type":"Answer","text":"Webkit"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"¿Qué es Chromium?","acceptedAnswer":{"@type":"Answer","text":"base de código abierto para crear un navegador web"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"¿Qué frameworks JS de desarrollo web modelo vista modelo de vista (MVVM) conoces?","acceptedAnswer":{"@type":"Answer","text":"Angular, React, Vue.js, Ember.JS"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"¿Qué es XmlHttpRequest ?","acceptedAnswer":{"@type":"Answer","text":"es una interface empleada para realizar peticiones HTTP y HTTPS a servidores web"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"¿Qué son librerías/bibliotecas JS?","acceptedAnswer":{"@type":"Answer","text":"jquery, dojo, yui, EXTJS, Prototype y Mootools"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"¿Cómo trabaja AJAX?","acceptedAnswer":{"@type":"Answer","text":"En segundo plano y asíncrona"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"¿Cuáles son algunos preprocesadores de CSS?","acceptedAnswer":{"@type":"Answer","text":"LESS, SASS y STYLUS"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Lenguajes de alto nivel que usa JS","acceptedAnswer":{"@type":"Answer","text":"Typescript, Coffeescript, ES6"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Herramientas de gestores de dependencias","acceptedAnswer":{"@type":"Answer","text":"Bower, Yarn, npm"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Herramientas de automatización de tareas","acceptedAnswer":{"@type":"Answer","text":"Gulp y Grunt"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Herramientas de plantillas de proyecto","acceptedAnswer":{"@type":"Answer","text":"yeoman"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Inicio de pagina de HTML5","acceptedAnswer":{"@type":"Answer","text":""}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Etiquetas de estructura semántica en HTML5","acceptedAnswer":{"@type":"Answer","text":" "}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"¿Para que se usa la etiqueta ?","acceptedAnswer":{"@type":"Answer","text":"para añadir contenido principal"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Definición de etiqueta ","acceptedAnswer":{"@type":"Answer","text":"agrupación del contenido del que trata la pagina"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Definición de etiqueta ","acceptedAnswer":{"@type":"Answer","text":"Contenedor de bloques de contenido que se consideran independientes del sitio web y pueden ser vistos, reutilizados y distribuidos por separado"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Definición de ","acceptedAnswer":{"@type":"Answer","text":"información tangencial que tenga que ver con la información principal."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Definición de ","acceptedAnswer":{"@type":"Answer","text":"agrupar y etiquetar el contenido multimedia"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Definición de ","acceptedAnswer":{"@type":"Answer","text":"Trozo de texto para recalcar atención sobre él, con fines utilitarios"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Definición de etiqueta ","acceptedAnswer":{"@type":"Answer","text":"fragmento de texto con voz o tono alternativo al resto o un elemento fuera de la prosa actual (cursiva resaltado visual)"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Definición de etiqueta ","acceptedAnswer":{"@type":"Answer","text":"fragmento de texto importante"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Definición de etiqueta de HTML4 ","acceptedAnswer":{"@type":"Answer","text":"etiqueta genérica de bloque"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Definición de etiqueta de HTML4 ","acceptedAnswer":{"@type":"Answer","text":"Contenedor generico en linea"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Definicion de etiqueta de HTML4 ","acceptedAnswer":{"@type":"Answer","text":"conservar el formato"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Definición de etiqueta de HTML4 ","acceptedAnswer":{"@type":"Answer","text":"Para hacer una tabla"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Definición de etiqueta de HTML4 ","acceptedAnswer":{"@type":"Answer","text":"Añadir citas"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Definición de etiqueta de HTML4 ","acceptedAnswer":{"@type":"Answer","text":"para añadir listas sin ordenar"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Definición de etiqueta de HTML4 ","acceptedAnswer":{"@type":"Answer","text":"Para añadir listas ordenadas"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Definición de etiqueta de HTML4 ","acceptedAnswer":{"@type":"Answer","text":"añadir listas de definición"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Definición de etiqueta de HTML4 ","acceptedAnswer":{"@type":"Answer","text":"Para enlaces e hipervinculos"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Definición de etiqueta de HTML4 ","acceptedAnswer":{"@type":"Answer","text":"Dentro de una pagina meter el contenido de otra"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Definición de etiqueta de HTML4 /","acceptedAnswer":{"@type":"Answer","text":"Para añadir recursos externos, ej. insertar pdf"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Definición de etiqueta multimedia de HTML4 ","acceptedAnswer":{"@type":"Answer","text":"Para añadir lienzo para dibujar"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Definición de etiqueta multimedia de HTML4 ","acceptedAnswer":{"@type":"Answer","text":"para añadir grafico vectorial ( manera de generar grafico y que no se pixele al cambiar de tamaño)"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Definición de etiqueta multimedia de HTML4 ","acceptedAnswer":{"@type":"Answer","text":"Añadir subtitulos a nuestros videos o audios"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"¿Puede haber mas de una etiqueta ?","acceptedAnswer":{"@type":"Answer","text":"Si, pero todas las etiquetas menos 1 tienen que tener el apellido hidden"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"¿A qué se refieren estos productos: WebKit, Blink, Gecko?","acceptedAnswer":{"@type":"Answer","text":"Motor de renderización"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"¿Mediante que API podemos manipular los elementos de un documento HTML?","acceptedAnswer":{"@type":"Answer","text":"DOM (Document Object Model)"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"¿Cúal es la declaración de un documento HTML5?","acceptedAnswer":{"@type":"Answer","text":"‹!DOCTYPE html›"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"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?","acceptedAnswer":{"@type":"Answer","text":"placeholder"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"¿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?","acceptedAnswer":{"@type":"Answer","text":"AJAX. El objeto principal se llama xmlHttpRequest"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Nombre tres frameworks MVVM","acceptedAnswer":{"@type":"Answer","text":"Angular ReactJS VUE"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Nombre dos herramientas de gestión de dependencias asociadas con el desarrollo web","acceptedAnswer":{"@type":"Answer","text":"bower npm"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"¿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?","acceptedAnswer":{"@type":"Answer","text":"transpiler"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Nombre dos herramientas de automatización de tareas asociadas al desarrollo web","acceptedAnswer":{"@type":"Answer","text":"gulp grunt"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Si tenemos un texto con saltos de linea, etc y queremos conservar exactamente ese formato, ¿qué etiqueta hay que utilizar?","acceptedAnswer":{"@type":"Answer","text":"pre"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Nombre 4 etiquetas semánticas estructurales","acceptedAnswer":{"@type":"Answer","text":"section article nav aside"}}],"educationalAlignment":[{"@type":"AlignmentObject","alignmentType":"educationalSubject","targetName":"HTML y CSS"}]} </script> </body> </html>