M06UF3Q3: Google Images i taula dinàmica

Millores a implementar: 1) origen de les dades: ves a google images, cerca per un tema del teu interès, i copia el codi resultant (Ctrl-U, ver código fuente) 2) pots accedir a les imatges contingudes mitjançant document.images, i a partir d¡aqií a les propietats (name, etc) 3) crea de forma dinàmica una taula, amb els següents requisits: 3.1) crear una capçalera ('fotos de fútbol, per ex') (hauràs d'utilitzar colspan) 3.2) crea un full d'estils style.css per a la taula (per exemple, pots agafar l'estil que es proposa a: https://jsfiddle.net/zinoui/dB93J/) 3.3) Crea un footer per a la taula, amb el teu nom

Com accedim a les imatges que tenim en el document html que hem creat a partir de la pàgina de Google Images?

Prova el següent codi i ho tindràs més clar:

console.log(document.images.length);
console.log(document.images[22].alt);
console.log(document.images[22].width);
console.log(document.images[22].height);
console.log(document.images[22].src);

Amb la informació d'aquests 4 camps ja pots generar la teva taula de forma dinàmica. Els camps que contenen molt text els pots limitar a 20 caràcters i posar punts suspensius.