Advanced Web Designing is an important topic Chapter 1 of Information Technology for HSC Class 12 students of MSBSHSE (Maharashtra Board). This subject helps students understand modern website creation using HTML, CSS, JavaScript, and basic backend concepts.
On this page, students will find chapter-wise exercise solutions for Advanced Web Designing Class 12, prepared strictly according to the latest MSBSHSE syllabus. These solutions are explained in simple language, making them useful for exam preparation, practical examinations, and revision.
Advanced Web Designing Class 12 Exercise Solutions
Fill in the blanks.
1. The _ element is a staring element in an HTML, it indicates that document type definition being used by the document.
Show Answer ⟶2. The _ is a tag in html that describe some aspects of contents of a webpage.
Show Answer ⟶3. The <ol> tag defines an _ .
Show Answer ⟶4. An unordered list created using the _ tag
Show Answer ⟶5. The _ element creates an inline frame.
Show Answer ⟶6. _ tag is used to specify video on an HTML document.
Show Answer ⟶7. If a web developer wants to add the description to an image he must use _ attribute of <img> tag.
Show Answer ⟶8. The _ property is used to set position for an element.
Show Answer ⟶9. The float property defines the _ of content.
Show Answer ⟶10. _ is used with elements that overlap with each other.
Show Answer ⟶Q2. State whether the following statement is True or False
1. HTML is an Object Oriented Programming Language.
Show Answer ⟶2. Charset is used for character encoding declaration.
Show Answer ⟶3. An unordered list can be numerical or alphabetical.
Show Answer ⟶4. Multilevel list can be created in HTML 5.
Show Answer ⟶5. Srccode specifies the HTML content of the page to show in the <iframe>
Show Answer ⟶6. The ‘controls’ attribute is not used to add play, pause, and volume.
Show Answer ⟶7. .cs is the extension of CSS file
Show Answer ⟶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>
2. The _ tag is used to embed audio files on Webpages.
a) <sound>
b) <audio>
c) <video>
d) <embeded>
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
4. _ character is used to create id in CSS.
a) %
b) $
c) @
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
2. Image maps are of two types _________ and _______
a) Network side
b) Client Side
c) Computer side
d) Server Side
e) n-compting
3. A CSS rule set contains _______ and ________
a) Set
b) selector
c) post
d) declaration
e) block
4. Client-side image map can be created using two elements _______ and _______
a) <area>
b) <image>
c) <usemap>
d) <map>
e) <server>
Q.5. Choose Three correct answers from the given options.
1. Attributes of <area> tag is _
a) href
b) src
c) coords
d) data
e) alt
f) usemap
2. Attributes used with iframe are _
a) srcdoc
b) name
c) att
d) src
e) href
f) loop
3. Following are the Form controls _
a) email
b) search
c) label
d) video
e) tel
f) audio
4. Attributes used with <audio> tag _
a) autoplay
b) href
c) controls
d) cntrl
e) loop
f) bgsound
5. CSS types are _______,________ and ______
a) internal
b) external
c) control
d) inline
e) loop
f) style
6. Positioning types in CSS are _
a) Static
b) fixed
c) absolute
d)position
e) dynamic
f) nested
7. Types of floating properties are _______, _______ , _______ .
a) left
b) zero
c) right
d) all
e) none
f) dock
Q. 6. Match the pair
| A | 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) inserts an image |
Answer:
| 1) <ul> | c) bulleted list |
| 2) usemap | a) Client side image map |
| 3) color | b) CSS Property |
| 4) <img> | e) inserts an image |
| 5) <input type=”image”> | d) Image as a submit button |
Q.7. Programs.
1) Write a program using html with following CSS specification
- The background colour 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.
Answer:
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
background-color: green;
color: red;
font-family: "Comic Sans MS";
font-size: 40px;
}
p {
color: blue;
}
</style>
</head>
<body>
<h1>My Company Name</h1>
<p>This is the description of the company.</p>
</body>
</html>2) Write Html5 code with CSS as follows
- To 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 colour and a different font style.
Answer:
<!DOCTYPE html>
<html>
<head>
<style>
h2 {
background-color: lightgray;
font-family: Arial, sans-serif;
padding: 10px;
}
form {
margin-top: 20px;
}
input {
margin: 5px;
padding: 8px;
}
input[type="submit"] {
background-color: green;
color: white;
border: none;
padding: 10px 20px;
cursor: pointer;
}
</style>
</head>
<body>
<h2>User Information Form</h2>
<form>
Name: <input type="text" name="name"><br>
Age: <input type="number" name="age"><br>
Email: <input type="email" name="email"><br>
<input type="submit" value="Submit">
</form>
</body>
</html>3) Write Html5 code with CSS as follows
- 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.
Answer:
<!DOCTYPE html>
<html>
<head>
<style>
.left {
float: left;
width: 45%;
background-color: #f0f8ff;
padding: 10px;
}
.right {
float: right;
width: 45%;
background-color: #ffe4e1;
padding: 10px;
}
</style>
</head>
<body>
<div class="left">
<h2>Tourist Cities (Ordered List)</h2>
<ol>
<li>Mumbai</li>
<li>Delhi</li>
<li>Jaipur</li>
</ol>
</div>
<div class="right">
<h2>Tourist Places (Unordered List)</h2>
<ul>
<li>Gateway of India</li>
<li>Red Fort</li>
<li>Hawa Mahal</li>
</ul>
</div>
</body>
</html>Disclaimer: We have provide you with the accurate handout of “Advanced Web Designing Class 12 Exercise Solutions“. If you feel that there is any error or mistake, please contact me at anuraganand2017@gmail.com. The above study material present on our websites is for education purpose, not our copyrights.
All the above content and Screenshot are taken from Information Technology Class 12 Textbook and MSBSHSE (HSC) Support Material which is present in MSBSHSE (HSC) website, This Textbook and Support Material are legally copyright by Maharashtra State Bureau of Textbook Production and Curriculum Research, Pune. We are only providing a medium and helping the students to improve the performances in the examination.
Images and content shown above are the property of individual organisations and are used here for reference purposes only. To make it easy to understand, some of the content and images are generated by AI and cross-checked by the teachers. For more information, refer to the official website.