Long description

The browser window has a tab titled Lab 8. The address bar reads, 127 dot 0 dot 0 dot 1 colon 5000 forward slash c h 08 hyphen proj 02 dot h t m l. The browser window consists of 3 images and the list of colors used in the images placed in two rows. Image 1: British Museum London, United Kingdom. Colors used: Norway, Pine Glade, Finch, Wood Bark, and Barley Corn. Note 1: The constructColor open parenthesis close parenthesis function will return a string containing the markup for a single color block. Note 2: The constructStyle open parenthesis close parenthesis function will return a string containing the style string for the color name. Image 2: Emirates Stadium London, United Kingdom. Colors used: Wax Flower, Teal, Black Pearl, Sherpa Blue, and Morning Glory. Image 3: Albert Hall. Colors used: Sorrell Brown, Calico, Seagull, Spanish White, and Tacao.

Note: The outputColors open parenthesis close parenthesis function will output the markup for the card’s color blocks.

The corresponding block of code is placed below the browser window and reads as follows. Line 1: open angle bracket article close angle bracket at indentation level 0. Line 2: open angle bracket i m g s r c equals open double quotes images forward slash 5855729828 dot j p g close double quotes alt equals open double quotes British Museum close double quotes close angle bracket at indentation level 1. Line 3: open angle bracket div class equals open double quotes caption close double quotes close angle bracket at indentation level 1. Line 4: open angle bracket h 2 close angle bracket British Museum open angle bracket forward slash h 2 close angle bracket at indentation level 2. Line 5: open angle bracket p close angle bracket London, United Kingdom open angle bracket forward slash p close angle bracket at indentation level 3. Line 6: open angle bracket h 3 close angle bracket Colors open angle bracket forward slash h 3 close angle bracket at indentation level 3. Line 7: open angle bracket span style equals open double quotes background hyphen color colon dash “a” 9 b 490 close double quotes close angle bracket Norway open angle bracket forward slash span close angle bracket at indentation level 3. Line 8: open angle bracket span style equals open double quotes background hyphen color colon dash b “a” b 984 close double quotes close angle bracket Pine Glade open angle bracket forward slash span close angle bracket at indentation level 3. Line 9: open angle bracket span style equals open double quotes background hyphen color colon dash 71735 c close double quotes close angle bracket Finch open angle bracket forward slash span close angle bracket at indentation level 3. Line 10: open angle bracket span style equals open double quotes background hyphen color colon dash 332625 semicolon color colon white close double quotes close angle bracket Wood Bark open angle bracket forward slash span close angle bracket at indentation level 3. A double-headed arrow labeled Change the text color of the color name based on the luminance property points to color colon white in line 10 and to Sherpa Blue in the list of colors under image 2. Line 11: open angle bracket span style equals open double quotes background hyphen color colon dash b 99 “a” 5 d close double quotes close angle bracket Barley Corn open angle bracket forward slash span close angle bracket at indentation level 3. Line 12: open angle bracket forward slash div close angle bracket at indentation level 1. Line 13: open angle bracket forward slash article close angle bracket at indentation level 0.