0% found this document useful (0 votes)
19 views22 pages

HTML Basics: Structure and Tags Quiz

The document contains a series of questions and answers related to HTML and CSS, covering topics such as table structure, HTML tags, form controls, and CSS properties. It includes multiple-choice questions, true/false statements, and code fragments for evaluation. The content is structured as a quiz format for assessing knowledge of web development concepts.

Uploaded by

roaadakhnoosh
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
0% found this document useful (0 votes)
19 views22 pages

HTML Basics: Structure and Tags Quiz

The document contains a series of questions and answers related to HTML and CSS, covering topics such as table structure, HTML tags, form controls, and CSS properties. It includes multiple-choice questions, true/false statements, and code fragments for evaluation. The content is structured as a quiz format for assessing knowledge of web development concepts.

Uploaded by

roaadakhnoosh
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

WEB BROWSER

HTML:
Q1( What determines how many rows there are in a table:
a. The number of td tags inside a tr
b. The number of th tags inside the table
c. The number of tr tags inside the table
d. The number of td tags inside the table

Q2( There are ......... sets of HTML tags that form the basic structure
needed for every HTML file:
a. three b. one
c. four d. two

Q3( Which lines of code (lettered to the right) have mistakes?

THE ANSWER: G

Q4( HTML tags are not case sensitive:


a. TRUE b. FALSE
Q5) Below are 5 lines of valid HTML code. Arrange the letters
identifying the lines of code in the proper sequence to produce the
output shown below. All lines are used — no line is used twice.
Code Lines:

W. <td rowspan="2" >$50</td></tr>


B. <tr><td rowspan="2">January</td><td>$100</td>
N. <th colspan="2">Savings</th></tr>
R. </tr><tr><td>March</td></tr>
H. <tr><th>Month</th>

Select one:
a. HWBNR
b. NHBRW
c. HNBRW
d. HNBWR

Q6) HTML Document can contain _______


a. Attributes
b. All of these
c. Tags
d. Plain Text
Q7) Which code fragment would create the following output?
<li>X*¹⁄₄ + @jo
a. <li>X<sup>&frac14;</sup></sup> + &at;jo
b. <li>X<sup>&frac14;</sup></sup> + &at;jo
c. &lt;li&gt;X<sup>&frac14;</sup></sup> + @jo
d. &lt;li&gt;X<sub>&frac14;</sub></sub> + @jo

Q8) To display an open angle bracket (x < ½) in a Web page, one writes:
a. X "<" &frac1/2; b. X &gt;&frac12;
c. X &lt; &frac12; d. X &lt; &frac1/2;

Q9) Select the form control below that would be appropriate to accept
comments about your web site.
a. scrolling text box b. textarea
c. None of the above d. text box

Q10) In the following image shows two tables, ?


Table A has _______ span while Table B has _______ span

a. rows, colns b. cols, rows


c. clos, row d. rows, cols

Q11) Which attribute you'll use with TD tag to merge two cells
horizontally?
a. rowspan=2 b. colspan=2
c. columspan=2 d. rowspan=2
Q12) Choose the HTML tag below that would configure a scrolling
text box with the name "feedback", 3 rows, and 60 characters.
a. <textarea name="feedback" width="60" rows="3" </textarea>
b. <input type="textarea" name="feedback" size="60" rows="3" >
c. <textarea name="feedback" rows="3" cols="60" </textarea>
d. none of the above

Q13) Where do attributes appear in an XHTML document?


a. Inside both an opening tag and the corresponding closing tag
b. Inside a closing tag
c. Inside an opening tag.
d. Between opening and closing tags

Q14) Which code fragment would create the following output?

a. <span style='color:red'>CPE</span>&frac12;<em>341</em></em>
b. <span style='color:red'>CPE&frac12;<em>341</em></em></span>
c. <em style='colorgreen'>CIS <span> &copy;</span>
<strong>201</strong></em>
d. <span style='color:red'><sup>1</sup>⁄<sub>2</sub></em>341</em></span>
e. A AND C

Q15) Choose the correct HTML tag to show x^2


a. x<sub>2</sub> b. none of the above
c. x<sup>2</sup> d. x<up>2</up>
Q16)

a. The heading is located in a cell that spans three columns of the table.
b. The heading is located in a cell that spans three rows of the table.
c. The heading is located in a cell in the third column of the table.
d. A and B

Q17) What is the correct HTML for making a text area?


a. select textarea b. input type=textarea
c. textarea d. text-area

Q18) One major use for the meta element is related to which of the
following?
a. frames b. forms
c. search engines d. audio files

Q19) Choose the correct HTML element for the largest heading:
a. H6 b. H3
c. H2 d. H1

Q20) What does an HTML tag do?


a. It determines the organizational structure of your Web site.
b. It specifies formatting and layout instructions for your web page.
c. A + B
d. It hides programming instructions from view

Q21)

a. The heading is located in a cell that spans three columns of the table.
b. The heading is located in a cell that spans three rows of the table.
c. The heading is located in a cell in the third column of the table.
d. A and B

Q22) HTML tags are used to describe document ________.


a. Definition b. None of these
c. Content d. Language

Q23) The attribute of <form> tag:


a. Method b. Action
c. Both(a) AND (b) d. None of these

Q24) When configuring a radio button form control, the value of the
_____ of each radio button must be the same:
a. none of the above b. value
c. name d. d
Q25) There are ____ different of heading tags in HTML
a. 5 b. 7 c. 6 d. 4

Q26) Select the function of an e-mail link from the choices below.
a. link to your mail server
b. display your e-mail address so that the visitor can send you a message later
c. launch the default e-mail application for the visitor's browser with your e-mail
address as the recipient
d. automatically send you an e-mail message with the visitor's e-mail address as the
reply-to field

Q27) Which code fragment would create the following output?

a.&lt;br&lt;2<sub>&frac14;</sub>&amp;<del>JUST</del>
b.&lt;br&gt;2<sub>&frac14;</sub>&amp;<del>JUST</del>
c.&lt;br&gt;2<sup>&frac14;</sup>&amp;&del;JUST
d.&lt;br&gt;2<sup>&frac14;</sup>&amp;<del>JUST</del>

Q28) HTML stands for?


a. Hyper Tabular Markup Language b. None of these
c. Hyper Text Markup Language d. High Text Markup Language

Q29) One of the following is an empty tag:


a. &lt;del&gt; b. &lt;meta&gt;
c. &lt;label&gt; d. &lt;caption&gt;

Q30) Which code fragment would create the following output?


a. <strong style="color:green"> CIS </strong> <span> &copy; </span> <em> 201 </em>

b. <em style='color:green'> CIS </span> <span> &copy; </span> <strong> 201 </strong> </em>

c. <strong style='color:green'> CIS </span> <span> &copy; </span> <em> 201 </em> </strong>
d. A AND C

e. <em style='color:green'> CIS </em> <span> &copy; </span> <strong> 201 </strong>

Q31) Which code fragment would create the following output?

a. b.

c. d.

Q32) ____ defines the most important heading?


a. H3 b. H2
c. H6 d. H1
Q33) What does an HTML tag do?
a. It determines the organizational structure of your Web site.
b. It specifies formatting and layout instructions for your web page.
c. A + B
d. It hides programming instructions from view

Q34) Select the form control below that would be appropriate to accept
comments about your web site.
a. scrolling text box
b. None of the above
c. text box
d. textarea

Q35) Where do attributes appear in an XHTML document?


a. Between opening and closing tags
b. Inside an opening tag.
c. Inside both an opening tag and the corresponding closing tag.
d. Inside a closing tag

Q36) Which attribute you'll use with TD tag to merge two cells
horizontally?
a. columspan=2 b. colspan=2
c. rowsspan=2 d. rowspan=2

Q37) Linking to another place in the same or another web page requires
two A (Anchor) tags, the first with the __________ attribute and the
second the __________ attribute.
a. LINK + HREF b. NAME + LINK
c. TARGET + VALUE d. HREF + ID
Q38) Which lines of code (lettered to the right) have mistakes?

THE ANSWER: F

Q39) What does an HTML tag do?


a. It connects your web site to an operating environment.
b. It determines the organizational structure of your Web site.
c. It hides programming instructions from view.
d. It specifies formatting and layout instructions for your web page.

Q40) Multiple external style sheets cannot be referenced inside a single


HTML document.
a. True b. False

Q41) Which lines of code (lettered to the right) have mistakes?


Write the letter in the box below.

THE ANSWER:
Q42) HTML5 text is marked up with ______, delimited by ______ that
are keywords contained in pairs of ______.
a. elements, angle brackets, tags
b. elements, tags, angle brackets
c. angle brackets, elements, tags
d. tags, elements, angle brackets

Q43) A ____ consist of a property and a value:


a. Deceleration b. Attribute
c. rule d. Tag

Q44) What attributes are valid for the <select> tag ?


a. name, type, selected
b. name, rows, cols
c. name, type, checked
d. name, type, options, height

Q34) Choose the correct code to render the below web page:
• Tea
o Black tea
o Green tea

a.

<ul>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
</li>
</ul>
b.

<ul>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
</li>
<ul>
</ul>

c.

<ul>
<li>Tea</li>
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
</ul>

d.

<ul>
<li>Tea</li>
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
</li>
</ul>
CSS:
Q1) What are all the properties a border needs?
a. style -border, width-border, color-border
b. border-style, border-width, border-color
c. border{ style ,color, width }
d. A+C

Q2) Which of the following property is used to underline, overline, and


strikethrough text?
a. text-transform
b. text-align
c. text-decoration
d. text-indent

Q3) After executing the following script what is the color of the word "
Hello ,HTML"

a. blue b. orange
c. red d. black
Q4) points; 1 pt =
a. 1/72 in b. 1/72 pc
c. 1/72 cm d. 1/12 pt

Q5) The CSS rule that shifts all elements containing attributes class =
"just" to right 25 pixels.
a. .just { position: absolute; right: -25px }
b. .just { position: absolute; left: +25px }
c. .just { position: relative; right: -25px }
d. .just { position: relative; right: +25px }

Q6) Examine the HTML and accompanying CSS below. With which
font size will the <li> appear on the page?

a. 40 b. 50
c. 70 d. 60

Q7) The following code is an example of what kind of css?


<span style="color: red;">red text</span>
a. Internal style sheet b. span style sheet
c. Inline style d. External style sheet

Q8) A _______ consist of a property and a value,


a. Deceleration b. Tag
c. Attribute d. rule

Q9) Which of the following property is used to increase or decrease how bold or
light a font appears?
a. font-weight b. font-variant
c. font-style d. font-family

Q10) One of the following keyword we use for adding picture as


background for an element.
a. URL b. SRC
c. HREF d. All of the above

Q11) If an element's position is declared as absolute then _______ .


a. positioning of the element is handled by the browser
b. positioning is handled by the normal flow of elements on the page
c. positioning is handled by relative positioning
d. positioning is set according to the margins of its parent element

Q12) Examine the HTML and accompanying CSS below. What is


background color will the <h1> appear on the page?

a. green b. yellow
c. black d. red

Q13) h1 {color: red;}


a. Property b. Rule
c. id_select d. Selector

Q14) Which code fragment would create the following output?

a. p {text-alignment :justify; width:20%; height:150px; text-indent:1.5em}


b. p {text-alignt: fully; width:20%; height:150px; font-indent:1.5em}
c. p {text-align:justify; width:20%; height:150px;}
d. p {text-align:justify; width:20%; height:150px; text-indent:1.5em}

Q15) What will happen in this case: p, em {background-color: yellow;}


a. em have yellow background
b. Both p and em have yellow background
c. None of the mentioned
d. em element within a p element have a yellow background

Q16) What is the correct HTML for referring to an external style sheet?
a. <link rel="stylesheet" type="text/css" src="[Link]">
b. <style src="[Link]">
c. <link rel="stylesheet" type="text/css" href="[Link]">
d. <style rel="stylesheet" type="text/css" src="[Link]">
Q17) Examine the HTML and accompanying CSS below. What
background color will the h1 appear on the page?

a. yellow b. white
c. red d. green

Q18) Which is the correct CSS syntax?


a. {body:color=black(body);}
b. body {color:black ; font size:30px}
c. body {color: black}
d. body(bodycolor:black)

Q19) The CSS rule that shifts all elements containing attributes class =
"just" to down 25 pixels.
a. .just {position: relative; top:+25px }
b. .just {position: relative; down:+25px }
c. .just {position: relative; bottom:+25px }
d. .just {position: absolute; top:-25px }

Q20) Following style is applied to:

a. Type 2 Heading inside Element div and inside in Element paragraph.


b. Type 2 Heading inside Element div and also applied for all paragraph.
c. None Of These
d. Type 2 Heading, Element div and all paragraph.

Q21) Which style of CSS sheets are more preferable for applying a
unique style in single web element?
a. Inline CSS b. External CSS
c. Embedded CSS d. None of the above

Q22) Examine the HTML and accompanying CSS below.

With which color will the paragraph appear on the page?


a. blue b. green
c. red d. black( the default )

Q23) Examine the HTML and accompanying CSS below. With which
font size and color will the $\text{li}$ appear on the page?

a. 88 black b. 87 yellow
c. 86 black d. 88 yellow
Q24) Which of the following CSS properties DOES NOT influence the
box model?
a. outline b. padding
c. margin d. border

Q25) Examine the HTML and accompanying CSS below. What is color
and font size will the h1 appear on the page?

a. green 18pt b. red 18pt


c. blue 12pt d. green 12pt

Q26) What does the following CSS rule do? (font-size: 1.5em)
a. It calls the methodnote for all objects with the argument of 1.5 pixels.
b. It multiplies all text object font sizes with class = "note" by 1.5
c. It multiplies all text object font sizes within <style> tags by 1.5.
d. It multiplies all text object font sizes with the value 1.5.

Q27) Which code fragment would create the following output? (A text box with
fixed width/height and a scrollbar).
a. p {text-align:1.5em;width:30%;height:100px;overflow:scroll}
b. p {text-align:right;width:30%;height:100px;overflow:scroll}
c. p {text-indent:1.5em;width:30%;length:100px;overflow:scroll}
d. p {text-indent:1.5em;width:30%;height:100px;overflow:scroll}

Q28) What will the following css do? h1 {color: red;}


a. Provide a class so that any element can have its text colored red
b. Make the text of all h1 tags on the site red
c. Select the first h1 tag on the site and make it's text red
d. Select any h1 with an id of h1 and make it's text red

Q29) Which is the correct CSS syntax for highlighting table rows on
mouse over with blue color:
a. tr:hover {background-color : lightblue;}
b. tr.:hover {background-color : lightblue;}
c. tr:hover {background-color : lightblue;}
d. row:hover {background-color : lightblue;}

Q30) The CSS rule that shifts all elements containing attributes class =
"just" to left 25 pixels.
a. just { position: relative; right:-25px }
b. just { position: relative; left:-25px }
c. just { position: absolute; left:+25px }
d. just { position: relative; left:+25px }

Q31) Which of the following CSS properties DOES NOT influence the
box model?
a. margin b. border
c. outline d. padding

Q32) Examine the HTML and accompanying CSS below.

With which color will the paragraph appear on the page?


a. green b. black( the default )
c. red d. blue

Q33) Examine the HTML and accompanying CSS below. With which
font size will the li appear on the page?

a. 46 b. 44 c. 45 d. 39

Q34) Which of the following property is used to underline, overline, and


strikethrough text?
a. text-transform b. text-align
c. text-indent d. text-decoration

Q35) Which of the following elements are block and inline elements,
respectively, that have no particular rendering?
a. span b. box-model
c. div d. both (A) and (B)

Q36) Which of the following property is used to increase or decrease


how bold or light a font appears?
a. font-weight b. font-family
c. font-style d. font-variant

You might also like