Consider the following HTML document. Document p { background-color: yellow; color: red; display: inline-block; } #id { border: 2px solid purple; color:blue ; } .class1 { background-color: aqua; color: red; } .class2{ background-color: lightgreen; color: darkgreen; } Code 1 Code 2 Code 3 Code 4 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 · 22 Dec 2024 · September 2024 term

Question 15: Consider the following HTML document. How will the brows…

Question 15

+4.5 marksOne correct option

Consider the following HTML document.

html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <title>Document</title>
5    <style>
6        p {
7            background-color: yellow;
8            color: red;
9            display: inline-block;
10        }
11        #id {
12            border: 2px solid purple;
13            color:blue ;
14        }
15        .class1 {
16            background-color: aqua;
17            color: red;
18        }
19        .class2{
20            background-color: lightgreen;
21            color: darkgreen;
22        }
23    </style>
24</head>
25<body>
26    <p class="class1" id="id">Code 1</p>
27    <p class="class1 class2" >Code 2</p>
28    <p class="class1">Code 3</p>
29    <p >Code 4</p>
30</body>
31</html>

How will the browser render above HTML file?

Show answer

Correct answer

See the whole paper Take it as a mock test

Question 15 of 32 in the IIT Madras BS Modern Application Development I (MAD 1) End Term paper sat on 22 Dec 2024, in the September 2024 term (IIT M FOUNDATION DIPLOMA FN EXAM QDF1 22 Dec 2024). It carries 4.5 marks.

Question 15: Consider the following HTML document. How will the brows…

Question 15

More questions from this paper