selfstudys_com_file
Uploaded by
Dhruv Pathakselfstudys_com_file
Uploaded by
Dhruv Pathak1.
Advance Web Designing
Q 1. 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.
Ans:- <!DOCTYPE html>
2. The……………. is a tag in html that describe some aspects of contents of a webpage.
Ans: <meta>
3. The <ol> tag defines an………………
Ans: Ordered List
4. An unordered list created using the…………….. tag
Ans: <ul>
5. The…………………element creates an inline frame.
Ans: <iframe>
6. …………….tag is used to specify video on an HTML document.
Ans: <video>
7. If a web developer wants to add the description to an image he must use ………
attribute of <img> tag.
Ans: <alt>
8. The……………… property is used to set position for an element.
Ans: Position
9. The float property defines the………………..of content.
Ans: Flow
10. ………………is used with elements that overlap with each other.
Ans: Positioning
Q2. State whether the following statement is True or False.
1. HTML is an Object Oriented Programming Language.
Ans: False
2. Charset is used for character encoding declaration.
Ans:
3. An unordered list can be numerical or alphabetical.
Ans: False
4. Multilevel list can be created in HTML 5.
Ans:
5. Srccode specifies the HTML content of the page to show in the <iframe>
Ans:
6. The ‘controls’ attribute is not used to add play, pause, and volume.
Ans: False
7. .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>
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
Ans: (b,c)
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,d)
3. A CSS rule set contains……….. and……………………...............
a) Set
b) selector
c) post
d) declaration
e) block
Ans: (b,d)
4. Client-side image map can be created using two elements…………… and………...
a) <area>
b) <image>
c) <usemap>
d) <map>
e) <server>
Ans: (a,d)
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
Ans: (a,c,e)
2. Attributes used with iframe
are………………..
a) srcdoc
b) name
c) att
d) src
e) href
f) loop
Ans: (a,b,d)
3. Following are the Form controls……………
a) email
b) search
c) label
d) video
e) tel
f) audio
Ans: (a,b,e)
4. Attributes used with <audio> tag…………………………..
a) autoplay
b) href
c) controls
d) cntrl
e) loop
f) bgsound
Ans: (a,c,e)
5. CSS types are …………………, ………...... and…………………
a) internal
b) external
c) control
d) inline
e) loop
f) style
Ans: (a,b,d)
6. Positioning types in CSS are……………………
a) Static
b) fixed
c) absolute
d)position
e) dynamic
f) nested
Ans: (a,b,c)
7. Types of floating properties are………,…………, …………..
a) left
b) zero
c) right
d) all
e) none
f) dock
Ans: (a,c,e)
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
Ans: (1 - c), (2 - a), (4 - e), (5 - d),
Q.7. Programs.
1) Write a program using html with following CSS specification-
1. The background colour of the company name should be in green.
2. The text colour of the company name should be red.
3. The heading should be large with font ''comic sans ms''
4. The description of the company should be displayed in blue color in a paragraph.
Ans:
<html>
<head>
<title>
Titan Fastrack
</title>
<style>
html(background-color:green;color:red;font-
family:Comic Sans MSI
p color:blue)
</style>
</head>
<body>
<h1 align="center">Titan Fastrack</h1>
<p>
Fastrack is a fashion accessory retail brand in India. The company was launched in
1998 as a sub-brand of Titan Watches. In 2005, Fastrack was spun off as an
independent brand targeting the urban youth and growing fashion industry in
India. Fastrack began opening retail stores throughout the country.
</p>
</body>
</html>
2) Write Html5 code with CSS as follows-
1. To create form to accept name,age, email address, from the user.
2. Create a submit button to send the data.
3. The heading of the form should have a background colour and a different font
style.
Ans:
Coding:
<html> <head>
<title>
User Registration Form
</title>
<style>
h1(background-color:orange;font-style:italic)
</style>
</head>
<body>
<h1 align="center">User Registration Form</h1>
<form>
Enter Name
<input type="text" name="t1"><br><br>
Enter Age
<input type="number" name="age"><br><br>
Enter Email id
<input type="email" name="email"><br><br>
<input type="submit" name="b1" value="Submit">
</form>
</body>
</html>
Output:
3) Write Html5 code with CSS as follows-
1. Create ordered list with names of tourist Cities.
2. Create unordered list with tourist places of those cities.
3. Divide the list into two sections left and right by using CSS.
Ans: Coding:
<html>
<head>
<title>
Country
</title>
<style>
ul{float:left)
ol{float:right)
</style>
</head>
<body>
<ol>
<li>Paris</li>
<li>London</li>
<li>India</li>
<li>Singpore</li>
</ol>
<ul>
<li>Eiffel</li> <li>Big Ben</li>
<li>Taj Mahal</li>
<li>Singapore Zoo</li>
</ul>
</body>
</html>
Output:)
