Download CSIS-401: Web Design Exam1 Name: 1. What does HTML stand for

CSIS-401: Web Design
Exam1
Name: _______________________
1. What does HTML stand for? ______________________________________________
2. What does XML stand for? _______________________________________________
3. Is HTML (circle only one)
a. Only a structural language
b. Only a presentation language
c. Both a structural and presentational language
3. Which of the following is the best example of presentational HTML?
a. <span class=”caption”>This is a caption</span>
b. <h1>Page Title</h1>
c. <font type=“Arial” style=“italic” size=“10pt”>This is a caption</font>
d. <b>Bolded text</b>
4. Which of the following is the best example of purely semantic HTML?
a. <span class=”caption”>This is a caption</span>
b. <h1>Page Title</h1>
c. <font type=“Arial” style=“italic” size=“10pt”>This is a caption</font>
d. <b>Bolded text</b>
5. Fix the code below
<p>Here is paragraph with no ending tag
<p>Here is another paragraph</p>
6. What does W3C stand for? _______________________________________________
7. How many attributes are in the tag below
Answer:_____
<img id=”logo” src=”pic.gif” width=”200” />
8. In the following tag: <a href=”page.html”>Link</a> Link is the
a. Tag/element name
b. The attribute name
c. The content
d. The attribute value
9. In general, why is the use of presentational HTML a bad design practice?
1 of 8
10. Using markup tags that describe the content, not the content’s appearance is called
a. Semantic markup
b. Format markup
c. Logical markup
d. Presentational markup
11. What does it mean for an HTML tag to be deprecated
a. The tag will no longer be part of the standard so do not use it
b. Browsers will not render this tag
c. Tag can be used for HTML pages but not XHTML pages
d. Tag is forward compatible and backward compatible
12. Why are HTML frames bad?
a. The URL does not change as you navigate
b. Each frame is not a full HTML document
c. User can not bookmark specific content pages
d. All of the above
13. Web pages with presentational HTML are
a. Forward compatible
b. More accessible
c. Less accessible
d. More compatible
14. Why is it important to use meaningful folder names on a web server
a. Folder names help users identify the structure of your website
b. Folder names help organize large websites
c. Folder names are part of the URL
d. All of the above
15. Match each part of the URL below with the appropriate description.
http://ares.cs.siena.edu/~ebreimer/courses/index.php
____ http
____ ares
1
The server name
2
The user's folder name
____ cs
____ siena
3
A sub-folder name
4
The Internet protocol used to send information
____ edu
____ ~ebreimer
5
The filename or program name
6
The domain name
____ courses
____ index.php
7
The Top Level Domain (TLD)
8
The sub-domain
2 of 8
16. In terms of the language and actual syntax, what are two differences between HTML
and XHTML?
(1)
(2)
17. What was one of the good things that came out of the Browser War between
Netscape and Microsoft?
18. What was one of the bad things that came out of the Browser War between Netscape
and Microsoft?
19. Who won the Browser War of the 1990’s?
a. Microsoft
b. Netscape
c. Google
d. Safari
20. List the four main advantages of standardization in the web design world.
(1)
(2)
(3)
(4)
21. Why is it important to put the correct XHTML header at the top of your document?
22. What are the top four web browsers used today?
(1)______________ (2) ______________ (3) ______________
3 of 8
23. XHTML is a proprietary language.
True or false (circle one)
24. Fix this XHTML code
<a href=http://www.cs.siena.edu>CS</a>
25. Fix this XHTML code
<p>Paragraph text.<p>
26. In the following XHTML code, what is the attribute? ___________
<div id=“spam”>Here is some content </div>
27. In the code above, what is the attribute value? ____________
28. Most browsers decorate the <b> tag and the <strong> tag in the same way (by
default)?
True or false (circle one)
29. Which tag is more semantic in the sense that its name/abbreviation does not imply
how to decorate text?
a. <b>
b. <strong>
30. Which tag is the least semantic in the sense that it doesn’t tell you anything about the
nature of the content?
a. <h1>
b. <font>
c. <table>
d. <caption>
31. What tag defines a definition list? __________
32. What tag defines a table column? __________
33. What tag is used to attach an external style sheet? ____________
4 of 8
34. What is the advantage of having one style sheet, which is linked from all your web
pages? Consider the alternative, i.e., embedding your styles in all you web page.
35. Sometimes it makes sense to have some embedded or inline styles, instead of defining
everything in your separate styles sheet. Describe a situation where you might use
embedded or inline styles.
36. What has higher priority? (Circle one)
a. Styles define in a linked style sheet,
b. Embedded styles or
c. Inline styles?
37. What has higher priority? (Circle one)
a. Default browser style sheets or
b. Style sheets linked in the html document by the author (web page designer).
c. User defined style sheets.
38. Consider only the following style definitions:
h1 {color: green;}
h3 {color: black;}
h1 {color: blue;}
h2 {color: red;}
What will be the color of an <h1> element? _____
39. Consider only the following style definitions:
b {color: green;}
i {color: blue;}
What will be the color of <i><b>this text</b></i>? ________
5 of 8
Consider only the following style definitions for questions 40-21.
em {color: red;}
em strong {color: green;}
h1 strong em{color: blue;}
41. What color will the text below be?
<em>red, green or blue</em>
________
42. What color will the text below be?
<strong><em> red, green or blue</em></strong>
________
43. What color will the text below be?
________
<h2><em><strong> red, green or blue</strong></em></h2>
44. Consider the following code
#myblockdiv {
margin: 15px;
padding: 5px;
width: 700px;
}
How much width will myblockdiv actually take up? __________
45. Consider the following code?
.myfloatdiv {
float: left;
margin: 15px 10px 5px 10px;
padding: 5px;
width: 70px;
}
How much width will myfloatdiv actually take up? __________
46. Which CSS attribute is used to make text bold? ___________
47. Which CSS attribute is used to change the font size? ___________
48. Which CSS attribute is used to make text italic? ___________
49. What is the CSS code to add a solid red 5px border to paragraph elements?
6 of 8
50. Write CSS code to turn all the text in a web page’s body red (except for the text that
already has default coloring, i.e., hyperlinks)?
51. Given the following XHTML code, draw the tag structure as hierarchical tree.
<body>
<div id=“menu”>
<h1>Main Menu</h1>
</div>
<div id=“content”>
<h1>Page Title</h1>
<p>Blaa blaa blaa.</p>
</div>
</body>
52. Which element/tag can have no ancestors (i.e., it may not be contain within any other
element/tag)? _________
53. By default, the <p> tag is:
inline or block? (Circle one)
7 of 8
Consider the following folder hierarchy,
54. In test.html, write the html code to include the cheese.gif image.
55. In test2.html, write the html code to create a hyperlink to a.html.
8 of 8