Class 12 IT Chapter 1 - Advanced Web Designing Solutions (Maharashtra Board)
विद्यार्थी मित्रांनो, या पोस्टमध्ये आपण Class 12th Information Technology (IT) विषयामधील Chapter 1: Advanced Web Designing मधील सर्व Exercise Questions आणि त्यांचे Solutions पाहणार आहोत. हे Solutions तुमच्या स्वत:च्या अभ्यासासाठी मार्गदर्शक म्हणून उपयुक्त ठरतील.
Advanced Web Designing Chapter 1 Exercise Solutions
Table of Contents
Note: Q.7 Programs चे Answers तुम्ही वेगळ्या पद्धतीनेही लिहू शकता. येथे दिलेली उत्तरे केवळ मार्गदर्शनासाठी आहेत.
Q.1) Fill in the blanks
-
The _____ element is a starting element in an HTML, it indicates that document type definition being used by the document.
Ans:<!DOCTYPE html> -
The _____ is a tag in html that describe some aspects of contents of a webpage.
Ans:<meta> -
The <ol> tag defines an _____.
Ans: Ordered List -
An unordered list created using the _____ tag.
Ans:<ul> -
The _____ element creates an inline frame.
Ans:<iframe> -
_____ tag used to specify video on an HTML document.
Ans:<video> -
If a web developer wants to add the description to an image he must use _____ attribute of <img> tag.
Ans: alt -
The _____ property is used to set position for an element.
Ans: Position -
The float property defines the _____ of content.
Ans: Flow -
______ is used with elements that overlap with each other.
Ans: Positioning
Q.2) State whether the following statements are True or False
-
HTML is an Object Oriented Programming Language.
Ans: False -
Charset is used for character encoding declaration.
Ans: True -
An unordered list can be numerical or alphabetical.
Ans: False -
Multilevel list can be created in HTML5.
Ans: True -
Srccode specifies the HTML content of the page to show in the <iframe>
Ans: True -
The 'Controls' attribute is not used to add play, pause and volume.
Ans: False -
.cs is the extension of CSS file
Ans: False
Q.3) Choose Single correct answer from the given options
1) _____ element used to create a linking image
a) <img>
b) <td>
c) <map>
d) <usemap>
Ans: a) <img>
2) The _____ tag is used to embed audio files on webpages.
a) <sound>
b) <audio>
c) <video>
d) <embeded>
Ans: b) <audio>
3) A programmer wants to define range for age between 18 to 50, he will use a form with following appropriate control.
a) number
b) compare
c) range
d) textboxes
Ans: c) range
4) _____ character is used to create I'd in CSS.
a) %
b) $
c) @
d) #
Ans: d) #
4) _____ character is used to create I'd in CSS.
a) %
b) $
c) @
d) #
Ans: d) #
Q.4) Choose two correct answers from the given options
1) List within another list either _____ list or _____ list is called nested list.
a) Multilevel
b) order
c) unordered
d) general
e) cascading
Ans: b) order, c) unordered
2) Image maps are of two types _____ and _____.
a) Network side
b) Client side
c) Computer side
d) Server side
e) n-computing
Ans: b) Client side, d) Server side
3) A CSS rule set contains _____ and _____.
a) set
b) selector
c) post
d) declaration
e) block
Ans: b) selector, d) declaration
4) Client-side image map can be created using two elements _____ and _____.
a) <area>
b) <image>
c) <usemap>
d) <map>
e) <server>
Ans: a) <area>, d) <map>
Q.5) Choose Three Correct Answer from the given options
1) Attributes of <area> tag is _____.
a) href
b) src
c) coords
d) data
e) alt
f) usemap
Ans: a) href, c) coords, e) alt
2) Attributes used with iframe are _____
a) srcdoc
b) name
c) alt
d) src
e) href
f) loop
Ans: a) srcdoc, b) name, d) src
3) Following are the form controls _____
a) email
b) search
c) label
d) video
e) tel
f) audio
Ans: a) email, b) search, e) tel
4) Attributes used with <audio> tag _____
a) autoplay
b) href
c) controls
d) cntrl
e) loop
f) bgsoundt
Ans: a) autoplay, c) controls, e) loop
5) CSS types are _____, _____ and _____
a) internal
b) external
c) control
d) inline
e) loop
f) style
Ans: a) internal, b) external, d) inline
6) Positioning types in CSS are _____
a) static
b) fixed
c) absolute
d) position
e) dynamic
f) nested
Ans: a) static, b) fixed, c) absolute
7) Types of floating properties are _____
a) left
b) Zero
c) right
d) all
e) none
f) dock
Ans: a) left, c) right, e) none
Q.6) Match the pair
| Column A | Column B |
|---|---|
| 1) <ul> | a) client side image map |
| 2) usemap | b) CSS property |
| 3) color | c) bulleted list |
| 4) <img> | d) Image as a submit button |
| 5) <input type=image> | e) insert an image |
Ans: 1)-c), 2)-a), 3)-b), 4)-e), 5)-d)
Q.7) Programs
Program 1: Company Information Page
Requirements:
- The background color of the company name should be in green
- The text colour of the company name should be red
- The heading should be large with font "comic sans ms"
- The description of the company should be displayed in blue color in a paragraph
<!DOCTYPE html>
<html>
<head>
<title>Company Information</title>
<style>
h1 {
background-color: green;
color: red;
font-family: "Comic Sans MS";
}
p {
color: blue;
}
</style>
</head>
<body>
<h1>ABC Company</h1>
<p>ABC Company is a leading provider of innovative solutions for businesses worldwide.</p>
</body>
</html>Program 2: User Information Form
Requirements:
- Create form to accept name, age, email address from the user
- Create a submit button to send the data
- The heading of the form should have a background color and different font style
<!DOCTYPE html>
<html>
<head>
<title>Form Submission</title>
<style>
h1 {
background-color: green; /* green background color */
font-family: Arial, sans-serif; /* different font style */
}
</style>
</head>
<body>
<h1>Enter Your Details</h1>
<form>
<label>Name:</label>
<input type="text" name="name" id="name" required> <br><br>
<label>Age:</label>
<input type="number" name="age" id="age" required> <br><br>
<label>Email:</label>
<input type="email" name="email" required> <br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>Program 3: Tourist Cities List
Requirements:
- Create ordered list with names of tourist cities
- Create unordered list with tourist places of those cities
- Divide the list into two sections left and right by using CSS
<!DOCTYPE html>
<html>
<head>
<title>Tourist Places</title>
<style>
ol {
float: left;
}
ul {
float: right;
}
</style>
</head>
<body>
<ol>
<li>New York</li>
<li>Paris</li>
<li>Tokyo</li>
<li>Rome</li>
</ol>
<ul>
<li>Statue of Liberty</li>
<li>Eiffel Tower</li>
<li>Tsukiji Fish Market</li>
<li>Colosseum</li>
</ul>
</body>
</html>Download PDF: Chapter 1 Exercise Solutions PDF
