T10 - LJE DE MARCAS - SCRIPT: HTML Flashcards
Para especificar que el elemento “div” del script que está codificando se pueda arrastrar y soltar en otro lugar de la página HTML, debe utilizar la propiedad:
a) draggably=”true”
b) draggable=”true”
c) ondragg=”true”
d) ondraggable=”true”
Para especificar que el elemento “div” del script que está codificando se pueda arrastrar y soltar en otro lugar de la página HTML, debe utilizar la propiedad:
a) draggably=”true”
b) draggable=”true”
c) ondragg=”true”
d) ondraggable=”true”
HTML5 ATRIBUTOS
- Id: Identificador (único)
- class: Clase
- title: Información a pasar el ratón
- Translate: Yes|no
- Style: Aplicando estilos → inline
- Dir: Dirección del texto
- Lang: Idioma
- Contenteditable
- Tabindex: Sobrescribe orden de tabulac.
- Draggable: Elemento puede ser arrastrado
- Spellcheck: Permite correcc. ortográfica
- Hidden
- [aria-*]: Para accesibilidad.
- *En HTML5, el evento que tiene lugar cuando el elemento arrastrado ingresa a un receptor de soltado es:**
a) ondragto
b) ondraggover
c) ondraginto
d) ondragenter
- *En HTML5, el evento que tiene lugar cuando el elemento arrastrado ingresa a un receptor de soltado es:**
a) ondragto b) ondraggover
c) ondraginto d) ondragenter
Eventos activados en el objetivo arrastrable (the source element):
- ondragstart - se produce cuando el usuario comienza a arrastrar un elemento
- ondrag - se produce cuando un elemento está siendo arrastrado
- ondragend - se produce cuando el usuario ha terminado arrastrando el elemento
Eventos activados en el destino de colocación:
- OnDragEnter - se produce cuando el elemento arrastrado entra en el destino de colocación
- ondragover - se produce cuando el elemento arrastrado se encuentra sobre el destino de colocación
- OnDragLeave - se produce cuando el elemento arrastrado sale del destino de colocación
- ondrop - se produce cuando el elemento arrastrado se coloca sobre el destino de colocación
Si tines dudas, para pruebas:
https://www.w3bai.com/es/jsref/event_ondragenter.html
¿Cuál de los siguientes es un Objeto para almacenar datos en el cliente que se eliminan al cerrar la ventana del navegador?
a) Window.localStorage
b) Window.localSession
c) Window.sessionStorage
d) Window.sessionCookies
- *¿Cuál de los siguientes es un Objeto para almacenar datos en el cliente que se eliminan al cerrar la ventana del navegador?**
a) Window.localStorage
b) Window.localSession
c) Window.sessionStorage
d) Window.sessionCookies
API de HTML:
Web Storage (SessionStorage y localStorage)
LocalStorage y sessionStorage son propiedades de HTML5 (web storage), que permiten almacenar datos en nuestro navegador web. De manera muy similar a como lo hacen las cookies.
Local Storage: Guarda información que permanecerá almacenada por tiempo indefinido; sin importar que el navegador se cierre.
Session Storage: Almacena los datos de una sesión y éstos se el_iminan cuando el navegador se cierra_.
¿Cuál de los siguientes NO es un elemento soportado en HTML5?
a) article
b) body
c) applet
d) caption
¿Cuál de los siguientes NO es un elemento soportado en HTML5?
a) article
b) body
c) applet
d) caption
No podemos dudar con article: Parte de la estructura semantica de HTML5.
Article: Define una composición independiente dentro de un documento, página, aplicación o web, que puede ser distribuida independientemente o reutilizada.
Para no dudar con caption, veamos un ejemplo de uso:
< caption>
Tiempo necesario para viajar desde Philadelphia
< /caption>
Sobre la etiqueta aside de HTML5 :
a) Necesita obligatoriamente llevar el atributo right o Ieft.
b) Obsoleta en HTMl,5, marcada como deprecated.
c) También estaba soportada en HTML 4.01.
d) Se usa para el contenido tangencial al contenido principal de la página.
Sobre la etiqueta aside de HTML5 :
a) Necesita obligatoriamente llevar el atributo right o Ieft.
b) Obsoleta en HTMl,5, marcada como deprecated.
c) También estaba soportada en HTML 4.01.
d) Se usa para el contenido tangencial al contenido principal de la página.
Nueva ESTRUCTA DEL HML5
En la nueva aplicación se utilizará HTML5 para la parte de presentación, se quiere mostrar una figura con dos imágenes, ¿qué expresiones de las siguientes habría que utilizar?
- *¿Cuál de las siguientes es una nueva etiqueta introducida en HTML5?**
a) dialog
b) nosaipt
c) abbr
d) del
TAI-2017-LI
¿Cuál de las siguientes es una nueva etiqueta introducida en HTML5?
a) dialog
b) nosaipt
c) abbr
d) del
Etiquetas de HTML4 pero se mantienen HTML5
- abbr: Abreviatura
- del: Texto borrado
- *En el menú de administración de usuarios queremos un control web HTML5 que nos diga si un usuario es**
- *solicitante y/o gestor, ¿cuál de los siguientes controles te permite elegir más de un elemento a la vez?**
a) < input type=”radio” name=”usuario” value=”solicitante”/> solidtante < br/>
< Input type=”radio” name=” usuario “ value=”gestor”/> gestor < br/>
b) < select> < option value=”solicitante”> solicitante < /oplion> < option value=”gestor”> gestor < /option> < /select>
c) < button type=”button”> solicitante < /button> < button type=”button”> gestor < /button>
d) < Input type=”checkbox” name=”usuario” value=”solicitante”/> solicitante< br/>
< input type=”checkbox” name=”usuario” value=”gestor”/> gestor< br/>
TAI-2017-PI
- *En el menú de administración de usuarios queremos un control web HTML5 que nos diga si un usuario es**
- *solicitante y/o gestor, ¿cuál de los siguientes controles te permite elegir más de un elemento a la vez?**
a) < input type=”radio” name=”usuario” value=”solicitante”/> solidtante < br/>
< Input type=”radio” name=” usuario “ value=”gestor”/> gestor < br/>
b) < select> < option value=”solicitante”> solicitante < /oplion> < option value=”gestor”> gestor < /option> < /select>
c) < button type=”button”> solicitante < /button> < button type=”button”> gestor < /button>
d) < Input type=”checkbox” name=”usuario” value=”solicitante”/> solicitante< br/>
< input type=”checkbox” name=”usuario” value=”gestor”/> gestor< br/>
- *Queremos guardar con HTML5 el pedido pendiente de realizar localmente (sin fecha de expiración) en el**
- *navegador del cliente, ¿qué podríamos usar para conseguirlo?**
a) El objeto window.localStorage.
b) Una base de datos MySQL incrustada en el navegador.
c) Un fichero XML embebido en el navegador.
d) El objeto window.sessionStorage.
TAI-PI-2017-BIII
- *Queremos guardar con HTML5 el pedido pendiente de realizar localmente (sin fecha de expiración) en el**
- *navegador del cliente, ¿qué podríamos usar para conseguirlo?**
a) El objeto window.localStorage.
b) Una base de datos MySQL incrustada en el navegador.
c) Un fichero XML embebido en el navegador.
d) El objeto window.sessionStorage.
API de HTML:
Web Storage (SessionStorage y localStorage)
LocalStorage y sessionStorage son propiedades de HTML5 (web storage), que permiten almacenar datos en nuestro navegador web. De manera muy similar a como lo hacen las cookies.
Local Storage: Guarda información que permanecerá almacenada por tiempo indefinido; sin importar que el navegador se cierre.
Session Storage: Almacena los datos de una sesión y éstos se eliminan cuando el navegador se cierra.
Señale la etiqueta HTML5 que se usa para todo aquél contenido tangencial al contenido principal de la página web:
a) nav
b) section
c) aside
d) artide
TAI-2017-PI
Señale la etiqueta HTML5 que se usa para todo aquél contenido tangencial al contenido principal de la página web:
a) nav
b) section
c) aside
d) artide
aside: Define contenido secundario al contenido de la página. Representa información tangencialmente/ ligeramente relacionada con el contenedor section/main/article/…
Ejemplo: Etiqueta aside:
< h4>Etiqueta aside: < /h4>
< aside>
< !– –>
< p> Texto 1 del aside < /p>
< p> etc < /p>
< /aside >
¿Cuál de las siguientes opciones representa una de las nuevas etiquetas introducidas por HTML5?
a) progress
b) social media
c) blog
d) navigation
TAI-2018-LI
¿Cuál de las siguientes opciones representa una de las nuevas etiquetas introducidas por HTML5?
a) progress b) social media
c) blog d) navigation
HTML5 Progress: Está orientado a ser actualizado dinámicamente por javascript:
Progreso: < progress max=”100” value=”20”>< /progress>
Considerando como premisa la existencia del archivo foto.jpg en la misma ubicación que el archivo que contiene el código HTML indicado a continuación, ¿qué mostraría en pantalla el siguiente código?
< a href= “https:/lwww.boe.es” > < img src=”foto.jpg” alt=”Acceso al BOE”/> < /a>
a) Mostraría la imagen foto.jpg siendo esta un hipervínculo a la página htlps://www.boe.es
b) Mostraría el texto “Acceso al BOE” siendo este un hipervinculo a la página htlps://www.boe.es
c) Mostraría la imagen foto.jpg y a continuación el texto “Acceso al BOE”, siendo este un hipervinculo a la página https://www.boe.es
d) Mostraria el texto “Acceso al BOE” como hipervinculo a la página htlps://www.boe.es y a continuación la imagen foto.jpg
TAI-2018-LI
Considerando como premisa la existencia del archivo foto.jpg en la misma ubicación que el archivo que contiene el código HTML indicado a continuación, ¿qué mostraría en pantalla el siguiente código?
< a href= “https:/lwww.boe.es” >< img src=”foto.jpg” alt=”Acceso al BOE”/> < /a>
a) Mostraría la imagen foto.jpg siendo esta un hipervínculo a la página htlps://www.boe.es
b) Mostraría el texto “Acceso al BOE” siendo este un hipervinculo a la página htlps://www.boe.es
c) Mostraría la imagen foto.jpg y a continuación el texto “Acceso al BOE”, siendo este un hipervinculo a la página https://www.boe.es
d) Mostraria el texto “Acceso al BOE” como hipervinculo a la página htlps://www.boe.es y a continuación la imagen foto.jpg
¿Cuál de las siguientes sentencias deberá añadir en la cabecera HTML5 para ajustar el contenido de la página web al tamaño de la pantalla de los diferentes dispositivos?
a) < meta name=”viewport” content=”width=device-width, initial-scale=1.0”>
b) < Link rel=StyleSheet HREF=”estiloapps.css” TYPE=”texUcss” MEDIA=screen>
c) < meta http-equiv=”Content-Style-Type” CONTENT=”texUcss”>
d) < link rel=”responsive icon” href=”lestiloapps.ico” content=”width=device-width, initial-scale=1.0”>
TAI-2018-LI-BIII
¿Cuál de las siguientes sentencias deberá añadir en la cabecera HTML5 para ajustar el contenido de la página web al tamaño de la pantalla de los diferentes dispositivos?
a) < meta name=”viewport” content=”width=device-width, initial-scale=1.0”>
b) < Link rel=StyleSheet HREF=”estiloapps.css” TYPE=”texUcss” MEDIA=screen>
c) < meta http-equiv=”Content-Style-Type” CONTENT=”texUcss”>
d) < link rel=”responsive icon” href=”lestiloapps.ico” content=”width=device-width, initial-scale=1.0”>
RECORDAR:
viewport → Que el tamaño de la imagen se escale al ancho del navegador.
< name=”viewport” content=”user-scalable=no, width=device-width, initial-scale=1”>
49. Señale cuál de las siguientes etiquetas ha sido eliminada en HTML5:
a) big
b) div
c) article
d) a
TAI-2018-PI
Señale cuál de las siguientes etiquetas ha sido eliminada en HTML5:
a) big
b) div
c) article
d) a
LISTA DE ETIQUETAS ELIMINADAS EN HTML5
- acronym: Acrónimo
- applet: Un applet embebido dentro del doc. (Desuso)
- basefont: Fuente base para el documento
- big: Texto grande
- center: Texto centrado
- isindex: Campo de entrada de una sola línea
- noframes: Contenido alternativo para los navegadores que no soportan frames
- s: Texto tachado
- strike: Texto tachado (Desuso).
- font: Fuente, tamaño y color del texto
- tt: Teletipo
- u: Texto subrayado
- frame: Subventana - Frame
- frameset: set of frames
- xmp: Texto preformateado
¿Cuál es la sintaxis para definir el Inicio de un comentarlo en JSP?
a) < %– b) < !%–
c) < jsp– d) < !jsp–
¿Cuál es la sintaxis para definir el Inicio de un comentarlo en JSP?
a) < %– b) < !%–
c) < jsp– d) < !jsp–
