B3T8 HTML

Question 1

HTML

Atributos principales de la etiqueta form

Answer 1

• action (url del servicio/programa que procesará los datos del formulario)
• method (metodo de envio segun el protocolo HTTP, tipicamente en un form tendriamos GET o POST)

Question 2

HTML

¿Que tipo de producto es Blink?

Answer 2

Motor de renderizado (procesa HTML+CSS)
NOTA: Es un componente del navegador Chromium y derivados
NOTA: Fue el sustituto de WebKit

Question 3

HTML

Uso de la etiqueta header> y head>

Answer 3

• head –> etiqueta que nos sirve para especificar metadatos, enlazar css, …
• header –> etiqueta semantica que indica zona de cabecera en un documento,main,section,…

Question 4

HTML

Enumere 6 posibles valores para el atributo “type” de input>

Answer 4

password
tel
email
number
time
color

Question 5

HTML

Uso de la etiqueta pre> y code>

Answer 5

• pre –> conservar el formato (saltos de linea, etc) de un “parrafo”
• code –> para especificar que un texto es un bloque de un lenguaje de programacion

Question 6

HTML

¿Como se enlaza una hoja de estilos con una pagina HTML?

Answer 6

link rel=”stylesheet” href=”url/css”/>

Question 7

HTML

Uso del atributo placeholder

Answer 7

texto que ponemos dentro de la caja como ayuda contextual (desaparece en cuando el usuario escribe dentro)

Question 8

HTML

¿Como se especifica que un input> es obligatorio?

Answer 8

atributo required
NOTA: ojo con la sintaxis de los atributos Boolean
NOTA: tiene mucha relacion con la pseudoclase :valid e :invalid

Question 9

HTML

¿Cuando usamos el atributo “style” o “class”?

Answer 9

• style lo usamos para dar estilo (inline) a un elemento particular
• class cuando queremos definir unos estilo “reutilizables” y asignables a un conjunto de elementos

Question 10

HTML

Etiquetas utilizadas para crear una tabla

Answer 10

• TIPICAS –> table> tr> td> th>
• OTRAS –> caption> thead> tfoot>

Question 11

HTML

¿Como se especifica que al cargar la pagina el foco se situe sobre un input> especifico?

Answer 11

autofocus
NOTA: recordar el atributo tabindex
NOTA: relacion con la pseudoclase :focus
NOTA: cuando lo veamos….eventos de javascript (onfocus,onblur)

Question 12

HTML

Formas de añadir una imagen a una pagina HTML

Answer 12

img src=”url/gif…”>
picture>
svg>
figure>

Question 13

HTML

Funcion del API Web Worker, Web Storage y Server-Sent Events

Answer 13

• Web Worker –> lanzar “tareas” asincronas y asi no bloquear el hilo principal del navegador
  NOTA: El API Ajax y Fetch valen para lanzar PETICIONES DE DATOS asincronas al servidor (para recuperar info)
  (ej. GET /empleados/100/nomina/6 )
• Web Storage –> 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
• Server-Sent Events –> Envio de notificaciones desde el servidor al cliente (PUSH)

Question 14

HTML

Uso de la etiqueta ul> ¿Alguna alternativa?

Answer 14

• lista no ordenadas (hijos de tipo li ….)
  NOTA: la alternativa “mas semantica” seria la etiqueta menu> (hijos de tipo li ….)

Question 15

HTML

Uso de la etiqueta search> y h7>

Answer 15

• search> –> define una zona de busqueda (semantico)
• h7> –> esto NO EXISTE