Scribd
Upload
922 views

Cinput Name-"Firstname": Form Action "/target - HTML"

This document contains a series of multiple choice questions about HTML and CSS. The questions cover topics like HTML form elements, input types, linking within pages, adding alternative text to images, CSS properties for positioning and styling elements, and more. The correct answers are provided but no explanations are given. The purpose seems to be to test knowledge of basic HTML and CSS concepts.

Uploaded by

sarath sravan
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
922 views

Cinput Name-"Firstname": Form Action "/target - HTML"

This document contains a series of multiple choice questions about HTML and CSS. The questions cover topics like HTML form elements, input types, linking within pages, adding alternative text to images, CSS properties for positioning and styling elements, and more. The correct answers are provided but no explanations are given. The purpose seems to be to test knowledge of basic HTML and CSS concepts.

Uploaded by

sarath sravan
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 11

Google Chrome

indra.com/Exam/Examination/ObjectiveQuestionPaper.aspx

0.1 Consider the below HTML code snippet. Tom hes forgotten to mention

<form action="/target.html"
Enter your name:
cinput name-"firstname"
<br><br>
sinput type-"submit"
</form>

1. text

2.0 null
3.O no input field is renderred
4.0button

a.2 Consider following input field


<input type="datetime-local" name="bday">
above.
Select the correct option that represents
1.Defines a control for entering a time (no time zone)

Defines a week and year control (no time zone)


2
the year, month, and day
3 Defines a date picker, the resulting value inciudes
the year, month, day, and tim
4Defines a date picker, the resulting value includes

for the to fill the input


. 3 Which attribute of HTML makes it compulsory
user

1 fill

mandatory
needed

4 rE LEfret

that are shown directly on your we


C.4 Vhich section is used for text and tags

O
aper-Google Chromme
echmahindra.com/Exam/Examination/ObjectiveQuestionPaper.aspx

a.4 Which section is used for text and tags that are shown directly on your web page ?

1.0 Head

20 Metatags
3. Body
4.0 Any structural element

G.5 What is used to store information


usually relevant to browsers and searchengines?
1.0 Cookies
2 Metatags
3.0 Tabs
4.0 Both Option 2 and 3

O.6 which of the following represents linking within the same page?
1. <a
href="http://mysite/com/samepage">Link ME</a>
2.0 <a
href="http://mys itelcom/page.htm#top">Link Me</a>
3.0 <a
href="http:/lmysite/com/page.htm@top">Link Me</a>
4.0 <a
href="http://mysite/com/page.htm!top">Linke Me</a>
G.7 Which attribute is used to set hint in
a a input field?
1 . help
2.0 input
3. placeholder
4.hint

0.8 Why should you add alternative text to your images ?


1In case the user wishes to load a different
picture
2 So the users can get an idea of
what the image is before it loads
3.So the user
can save the image using the text
Just for fun
as a name

Type here to search


Paper Google Chrome
echmahindra.com/Exam/Examination/ObjectiveQuestionPaper.asppx
3U lavS

4.O Both Option 2 and 3

Q.6 which of the following represents linking within the same page ?

1<a href="http://mysite/com/samepage">Link ME</a>


2.0 <a href="http://mysitelcom/page.htm#top">Link Me</a>

3.<a href="http://mysite/com/page.htm@top">Link Me</a>


4. <a href="http:/lmysite/com/page.htm!top">Linke Me</a>

a.7 Which attribute is used to set a hint in a input field?

1.0 help
2.0 input
3placeholder

4 hint

images ?
0.8 Why should you add alternative text to your

1.0 In case the user wishes to load a different picture


So the u s e r s can get an idea of what the image is before it loads
2
the image using the text as a name
3 So the user can save

4Just for fun

a.9 What does an HTML tag do?

It hides programming instructions from view


1
I t specifies formatting and layout instructions for your web page

Web site
It determines the organizational structure of your
operating environment.
It connects your web site to an

Previous Nea

O
per - Google Chrome

hmahindra.com/Exam/Examination/ObjectiveQuestionPaper.aspx

0.10 Consider the below code snippet:


#div1
width: 500px;
height: 300px;
border: 1px solid blue;

#div2
width: 500px;
height: 300px;
padding: 70px;
border: 1px solid red;

Both the <div> elements are ending up with differrent sizes. Which css property should be
10 Use box-sizing: border-box;
20 Use padding:70px in the first <div>;

3Useborder-sizing:border-box;
4O Use position:fixed in second <div>

.11 Consider below code snippet:


!DOCTYPE html>
<htmls
<head>
<style>
P
color: red;
font-size:1.3em;

</style>
</head>
<body>
<p>This is a
paragraph.</p>
</body>
</html>

Type here to search


per Google Chrome

chmahindra.com/Exam/Examination/ObjectiveQuestion
3 Use Doraer-sizing.poraer-boX
Paper.aspx
40 Use position:fixed in second <div>

0.11 Consider below code snippet:


<DOCTYPE htrmlb>
<html>
shead>
<style>
P
color: red;
font-size:1.3em;
</styles
/head
<body>
sp>This is a
paragraph.</p>
</body>
</html>

How would you


position the paragraph element 50px from the left, and 100px from the ta
1.Update <p> tag with below
cSs position: inherit;
2.0 Update <p> tag with below css left:50px; top:100px;
position:absolute, left:50px; top:100px;
3 Update <p> tag with below css position:relative:
4.O Update <p> tag with below css left:50px; top:100px;
position:static; left:50px; top:100px;
.12 Consider following code
snippet. The paragraph has a width of
Choose appropriate css to center 300px with backgrounc
align the <p> element.
cheads
<style>
P
background-color: lightgreen;
width: 30Opx;

</style>
</head>
had
ype here to search
99+
aper Google Chrome
echmahindra.com/Exam/Examination/ObjectiveQuestionPaper.aspx

posiTOii.Stauc, TeL.oupx, LOp.1Uupx,


4.U Upuate sp- Lay WiliDeiow tSS
ilatjsitiseidsnunisidstskteem

The paragraph has a width of 300px with b


0.12 Consider following code snippet.
Choose appropriate css to center align the <p> element.

<head>
<style>
background-color: lightgreen;
width: 300px;

</style>
</head>
<body>
<p>This is a paragraph.</p>
</body>
</htmls

1 margin:auto
2 0 margin:fixed

3 margin: left right


4O margin:uniform

0.13 Below is the CSS code under style section. Predict what would be the effect.
<style>
ex1
font-size: 15px
font-family: Arial;

.ex2
font-style: italic;
font-weight:bold;

</style>
Both the css types would not render as no html element is reffered
The first css class ( ex1i creates a font with size as 15px and font type as Arial The secon

ere o search O
- Google Chrome

ahindra.com/Exam/Examination/ObjectiveQuestionPaper.aspx
3.0 margin: left right
4.0 margin:uniform

0.13 Below is the CSS code under style section. Predict what would bethe effect.
<style
ex1 {
font-size: 15px
font-family: Arial:

ex2
font-style: italic;
fontweight:bold;

/style
1 . Both the css types would not render as no htmielement is reffered
as Arial The second class
2 The first css class (ex1) creates afont with síze ás 15px.and font type
3.0 The first css class (.ex1J creates a font withitalic style and the
text is bold The second css class (
font family as Arial. For the second c
4O The first css class (ex1) would display font size as 15px and

. 1 4 There is requirement to design a paragraph


section with text content to be justified and une

option.
text-decoration: underline; line-height: 1.8;}
1.0div {text-align: justify;
text-decoration: overline; line-height: 1.8;
2.0 P{ text-align: justify-left;
text-decoration: underline; line-height: 1.8;}
3 P {text-align: justify;
text-decoration: underline; line-spacing: 1.8;}
4 p{text-align: justify;

a unique CSS for a HTML element


. 1 5 Statement A: id selector assigns
c o m m o n CSS for HTML element(s]
Statement B: class selector assigns a

Choose the correct option

1 Only statement A is true and Statement B is falsse


2 Both statements áre true

InA here to search 99+


Paper G0ogle Chrome
techmahindra.com/Exam/Examination/ObjectiveQuestionPaper.aspx

G.15 Statement A: id selector assigns a unique CSS for a HTMLelement


Statement B: class selector assigns a common CSS for HTML elementís]

Choose the correct option


1.0 Only statement A is true and Statement B is false
2 Both statements are true
3.0 Only statement B is true and Statement A is false
4.0 Both statements are false

G.16 What css should be used to specify that the background image should be show-
1.0
background:url(""smiley.png") repeat-only right top;
2.0 background:url("'smiley.png") repeat-at right top;
3 .background:url("smiley.png") no-repeat top-right;
4 background:url("smiley.png") no-repeat right top;
G.17 What does the below media rule
@media screen and (min-width:
specify?
480px) {
div
float: left
background: red;

10 Specifies that this portion of


our responsive CSS would only be used if the screen size
20 Specifies that this portion of our goe
responsive CSS would always.be used irrespective of the
3.The syntax of using
a media query is incorrect
4 Specifies that this portion of our
responsive CSS. would only be used if the
current device
a.18 How would you
specify that the overflowing text in the <div>
element should not be v
1. Overflow: visible
2.OVerflow:hidden
Type here to search
Paper Google Chrome
techmahindra.com/Exam/Examination/ObjectiveQuestion Paper.aspx
is false
30 Only statement Bis true and Statement A
false
4.0 Both statements are

be shc
.16 What css should be used to specify that the background image should

1.0 background:url("smiley.png") repeat-only right top;


2.0 background:url("smiley.png") repeat-at right top;

3.0 background:url("smiley.png") no-repeat top-right;


4 background:url("smiley.png") no-repeat right top;

Q.17 What does the below media rule specify?


@media screen and (min-width: 480px) {
div
float: left;
background: red;

1OSpecifies that this portion of our responsive CSS would only be used if the screen size g
20 Specifies that this portion of our responsive CSS would always be used irrespective of th
3 The syntax of using a media query is incorrect
4 Specifies that this portion of our responsive CSS would only be used if the current devic

a.18 How would you specify that the overflowing text in the <div> element should not be

1.0 overflow: visible


2 overflow: hidden
3.overflow: autoo
4.overflow: scroll

PravicusNaxt

Type here to search O


uestion Paper Google Chrome

quest.techmahindra.com/Exam/Examinatiorn/ObjectiveQuestionPaper.aspx

Examinstance ld : 4999467 Exam: Web

0.19 $p")
What will this line select?

1.0 Only paragraphs with id="p"


20 Only one paragraph with id="p"
3 All paragraph elements on a page
4O The first paragraph only

Previous Next

Type here to search


O
Question Paper- Google Chrome

quest.techmahindra.com/Exam/Examination/ObjectiveQuestionPaper.aspx
Examinstance ld: 4999467
Exam: Website Designing with HTML5 CSS$3

Saction: Web Design Basios

G.20 Choose the correct option that best describes Typography.


1 Typography is the art of font styling to suit different media types
20 Typography is aesthetically pleasant, and reinforces the goals ofthe text
3 Typographyis just another style which can be easily adopted by websites

4. Typography the art


is of designing letters ,words, paragraphs, and howthey interact with each other

Previous Next

You might also like