Consider the following HTML document. span { background-color: yellow; color: red; } #id { border: 2px solid purple; color:blue ; display: inline-block; } .class { background-color: aqua; color: red; display: block; width:20%; } SPAN SPAN SPAN How will the browser render above HTML file?

(D) Option figure from the original question paper

(A) Option figure from the original question paper

(B) Option figure from the original question paper

(C) Option figure from the original question paper

Modern Application Development I · End Term · 1 Sept 2024 · May 2024 term · Set QDF1

Question 2: Consider the following HTML document. How will the browse…

Question 2

+3 marksOne correct option

Consider the following HTML document.

html

1<!DOCTYPE html>
2<html>
3<head>
4    <style>
5        span {
6            background-color: yellow;
7            color: red;
8        }
9        #id {
10            border: 2px solid purple;
11            color:blue ;
12            display: inline-block;
13        }
14        .class {
15            background-color: aqua;
16            color: red;
17            display: block;
18            width:20%;
19        }
20    </style>
21</head>
22<body>
23    <span class="class" id="id">SPAN</span>
24    <span class="class" >SPAN</span>
25    <span>SPAN</span>
26</body>
27</html>

How will the browser render above HTML file?

Show answer

Correct answer

See the whole paper Take it as a mock test

Question 2 of 32 in the IIT Madras BS Modern Application Development I (MAD 1) End Term paper sat on 1 Sept 2024, in the May 2024 term (IIT M FOUNDATION DIPLOMA AN EXAM QDF3 01 Sep 2024). It carries 3 marks.

Question 2: Consider the following HTML document. How will the browse…

Question 2

More questions from this paper