CIS133DA FINAL EXAM
Type your code in the space after each question.
Save this file with you typed answers and submit it in Canvas.
Each question is worth the point value indicated in [ ].
Any time that you are writing HTML code be sure to include the brackets and both the
begin end tags as appropriate.
1. [1] When using Filezilla to publish your pages to for your web space at Glendale
Community College, what would you enter as the name of the host?
2. [1] Write the HTML tag that indicates that the page is a document type of HTML5?
3. [1] Write the HTML tags to make the text “Best Web Page Ever” be the title of the web page.
4. [1] What is the URL that you would use to validate a web page?
5. [1] Write the following using a character reference to replace the word and with an
&.character.
Dogs and Cats
6. [1] What viewport attribute properties will cause a web page to scale to fit a web browser?
7. [1] Mark up the following text so that it is a CSS comment:
Special style for menu starts here
8. [1] Write the entire statement that you would have in your web page to link it to a CSS file
named mystyles.css
9. [1] Write the CSS code to create a class named “bluesky” that center aligns the text.
10. [1] Write the code to indicate the start of a div with the id of “container”.
11. [1] If you want the header element of a web page to stay at the top of the page at all times,
even when users scroll the page, then what type of positioning should you use?
12. [1] What type of positioning takes an element out of the page flow and allows other elements
to flow into the space it would have occupied?
13. [1] #main has a z-index of 10 and # navaccent has a z-index of 20. Write the attribute-value
pair that will put #navsuff on the layer on top of both #main and #navaccent.
14. [1] What is the space inside a border between the border and the element content called?
15. [1] Given #info {font-size: 16px;}
Rewrite the following sentence so that the word “then” uses info – do not use the div tag to do
this.
If you do not start, then you will not finish.
16. [1] A drop cap can be created by using which pseudo-element?
17. [1] Write the code you would have in a CSS file to indicate that h1, h2 and h3 should all be
tahoma, arial, helvetica, sans-serif.
18. [1] Write the css rule to define that text should be bold.
19. [1] Write the HTML code to create a link on the text “Coyotes” that will link to the web site
http://coyotes.nhl.com
20. [1] Write the code you would have in a CSS file to indicate that the hyperlinks found in
#sidenav should have their visited link state be a color of white.
21. [1] Rewrite <a href="cats.html">Cat information</a> so that it opens in a new browser
window or new browser tab. The file cats.html is in the same folder as the web page with this
code.
22. [1] Referring to the example above, what is the third section showing “info:” called?
23. [1] Write the HTML code to make the text “Pats Design” be a link to the anchor named
“Design” found later in the same web page.
For the next three questions use the following structure:
24. [2] The file stars.html is in the astronomy folder. Write the HTML code that will be in the
stars.html file so that it will insert an image named “m42.gif” with the alternate text of “Orion –
the Great Hunter in the sky”. The file m42.gif is in the pictures folder.
25. [2] Write the code that will be in the univ.css file that is in the astronomy folder to indicate
that the body of the web page will have a background image of “milkyway.jpg” The file
milkyway.jpg is in the pictures folder.
26. [2] Write the HTML code to put a link to “red-planet.html” on the image “mars.jpg” (the image
is in the pictures subfolder folder; this web page is in the astronomy folder).
27. [2] Write the HTML code to create the following definition list:
28. [2] Write the HTML code to create a bulleted (unnumbered) list that has “Boris” as the first
item and “Natasha” as the second item.
29. [1] Rewrite the following HTML code below so in the last row, the third cell will span 2
columns.
<tr>
<td>Playtime</td>
<td>PLAY101</td>
<td>Yes</td>
<td>Yes</td>
<td>None</td>
</tr>
Before:
Class Name
Class Code
Cats
Dogs
Prerequisite
Beginning obedience
OBD101
No
Yes
None
Advance obedience
OBD201
No
Yes
OBD101
Playtime
PLAY101
Yes
Yes
None
Class Code
Cats
Dogs
Prerequisite
Beginning obedience
OBD101
No
Yes
None
Advance obedience
OBD201
No
Yes
OBD101
Playtime
PLAY101
Yes
After:
Class Name
None
30. [1] What type of design allows you to specify different CSS style rules depending on the
width of the screen?
31. [1] What does a hamburger menu replace?
32. [2] Write the code to create option buttons to select whether the animal is a dog or a cat (be
sure to include the input type, name, id, value and text for each button).
33. [2] Write the code to add a textarea that has 4 rows and 50 columns, with a name of
“concerns” and an id of “feedback”.
34. [1] Write a declaration using the background property that creates a linear gradient starting
with the color rgb(153, 102,51) and ending with the color orange?
35. [2] Write a declaration that creates a 3px solid border, a 50% border radius in all corners
and a background color of white
36. [2] Write declarations that set transition duration to 2 seconds and specify a transition
timing function of ease-in.
37. [1] You can access any HTML element by specifying a CSS selector using what method?
38. [1] Write the statement that defines a function named addDogInfo.
39. [2] Write the statement that calls the function addDogInfo when someone changes the value
of the dogname field.
40. [1] What is the keyword that starts a statement that creates a variable?