Question 14
Consider the following Python code snippet.
from jinja2 import Template
Config_1 = {1:"red",2:"blue",3:"green",4:"yellow"}
Config_2 = {1:"pink",2:"orange",3:"brown",4:"darkblue"}
test_temp = """ <!DOCTYPE html> <html> <head> <style type="text/css"> *{ margin: 0px; width: 253px; } div{ margin: 10px; padding: 20px; border-style: solid; border-width: 10px; font-size: 30px; color: {{Config_1[1]}}; background-color: {{Config_2[1]}}; border-color: {{Config_2[4]}}; } </style> <title>Quiz 1</title> </head> <body> <div> My first Div element </div> </body> </html> """
output = Template(test_temp)print(output.render(Config_1 = Config_1, Config_2 = Config_2))How will the browser render the HTML file generated by the above Python code?