Chapter 1.
Advanced Web Designing
Q 1. Fill in the blanks
1) The <!DOCTYPE html> element is a staring element in an HTML, it indicates
that document type definition being used by the document.
2) The <meta> is a tag in html that describe some aspects of contents of a
webpage.
3) The <ol> tag defines an Ordered List.
4) An unordered list created using the <ul> tag.
5) The <iframe> element creates an inline frame.
6) <video> tag is used to specify video on an HTML document.
7) If a web developer wants to add the description to an image he must use <alt>
attribute of <img> tag.
8) The position property is used to set position for an element.
9) The float property defines the of flow content.
10) Positioning is used with elements that overlap with each other.
Q 2. State whether the following statement is True or False
1) HTML is an Object oriented Programming Language.
Answer: False
2) Charset is used for character encoding declaration.
Answer: True
3) An unordered list can be numerical or alphabetical.
Answer: False
4) Multilevel list can be created in HTML 5.
Answer: True
5) Src code specifies the HTML content of the page to show in the <iframe>.
Answer: True
6) The ‘controls’ attribute is not used to add play, pause, and volume.
Answer: False
7) .cs is the extension of CSS file.
Answer: False
Q 3. Choose Single correct answer from the given options.
1) _____________ element used to create a linking image.
a) <img>
2) The ……………tag is used to embed audio files on Webpages.
b) <audio>
3) A programmer wants to define range for age between 18 to 50, he will use a
form with following appropriate control.
c) range
4) ……….character is used to create id in CSS.
d) #
Q 4. Choose Two correct answers from the given options.
1) List within another list either………list or………list is called nested list.
b) order
c) unordered
2) Image maps are of two types ……………..and ………………….
a) Network side
b) Client Side
d) Server Side
3) A CSS rule set contains ……….. and……………
b) selector
d) declaration block
4) Client-side image map can be created using two elements ……………
and…………
a) <area>
d) <map>
Q 5. Choose Three correct answers from the given options.
1) Attributes of <area> tag is……………………..
a) href
c) coords
e) alt
2) Attributes used with iframe are………………..
a) srcdoc
b) name
d) src
3) Following are the Form controls……………
a) email
b) search
e) tel
4) Attributes used with <audio> tag …………………
a) autoplay
c) controls
e) loop
5) CSS types are …………………, …………… and…………………
a) internal
b) external
d) inline
6) Positioning types in CSS are……………………
a) Static
b) fixed
c) absolute
7) Types of floating properties are………,…………, …………..
a) left
c) right
e) none
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
1) – c) bulleted list
2) – a) Client side image map
3) – b) CSS Property
4) – e) inserts an image
5) – d) Image as a submit button
Q 7. Programs
1) Write a program using HTML with following CSS specifications-
a) The background colour of the company name should be in green.
b) The text colour of the company name should be red.
c) The heading should be large with font ”comic sans ms”
d) The description of the company should be displayed in blue color in a
paragraph.
Answer: Code
<!DOCTYPE html>
<html>
<head>
<title>Tata Motors</title>
<style>
h1{
text-align: center;
background-color: green;
color: red;
font-family: “Comic Sans MS”;
}
p{
color: blue;
</style>
</head>
<body>
<h1>Tata Motors</h1>
<p>
Tata Motors Limited is an Indian multinational automotive manufacturing
company, headquartered in the city of Mumbai, India which is part of Tata Group.
The company produces passenger cars, trucks, vans, coaches, buses, luxury cars,
sports cars, construction equipment.
</p>
</body>
</html>
Output
2) Write Html5 code with CSS as follows-
a) To create form to accept name,age, email address, from the user.
b) Create a submit button to send the data.
c) The heading of the form should have a background colour and a different font
style.
Answer: Code
<!DOCTYPE html>
<html>
<head>
<title>User Registration Form</title>
<style>
h1{
background-color: lightgreen;
font-style: italic;
text-align: center;
</style>
</head>
<body>
<h1> User Registration Form</h1>
<form>
Name <input type=“text” name=“form_name”><br><br>
Age <input type=“number” name=“form_age”><br><br>
Email ID <input type=“email” name=“form_email”><br><br>
<input type=“submit” value=“Submit”>
</form>
</body>
</html>
Output
3) Write Html5 code with CSS as follows-
a) Create ordered list with names of tourist Cities.
b) Create unordered list with tourist places of those cities.
c) Divide the list into two sections left and right by using CSS.
Answer: Code
<!DOCTYPE html>
<html>
<head>
<title>Cities and Places</title>
<style>
ol{
float: left;
}
ul{
float: right;
}
</style>
</head>
<body>
<ol>
<li>Agra</li>
<li>Paris</li>
<li>London</li>
<li>Pisa</li>
</ol>
<ul>
<li>Taj Mahal</li>
<li>Eiffel Tower</li>
<li>Big Ben</li>
<li>Leaning Tower of Pisa</li>
</ul>
</body>
</html>
Output
