Web Design and Development I - Sample Midterm Exam

Chapters 1 - 3

1. What is the difference between html and xhtml?

2. Fix the syntax of the following code:

1. What is the purpose of the html head element?

2. What is the purpose of the html body element?

3. List four HTML5 structural elements.

4. Specify the code you would enter to mark the text Welcome as an h1 heading.

5. Specify the code you would enter to mark the text Welcome to Joe’s Bakery as a paragraph.

6. Specify the code to create an unordered list for the following items: garlic, pepper, salt, thyme

7. Specify the code to mark the graphic file butterfly.jpg as an inline image. Specify monarch butterfly as the alternative text.

8. Specify the code to place the butterfly.jpg image from the example above within a figure box with the caption Monarch Butterfly photo.

9. Specify the code to link the text About Us to the about.html file.
   CST 150 - Sample Midterm Exam Spring 2013 pg 2 of 4

1. Specify the code to link the text Go to espn.com to the URL http://www.espn.com.

2. Specify the code to marking the text Programming Tips as an h3 heading with the id prog.

3. Specify the code to mark the graphic file roadmap.jpg as an inline image with the alternative text Route 5. Specify that you want the image to use the roadmap image

4. Specify the code to link the text Go to nytimes.com to the URL http://www.nytimes.com. Specify that the link should open in a new window.

5. Specify the code to link the text Email Me to the e-mail address webmaster@helpdesk.org.

6. Specify the code to automatically refresh your Web document every 10 minutes.

7. What is the difference between embedded styles, inline styles and external style sheets?

8. Give an example of an inline css rule.

9. Specify the code to enter the comment Default Layout Styles in a style sheet.

10. Provide the style rule to display the paragraph text in green using an RGB triplet.

11. Provide the style rule to display the h1 heading in red with a black background color.
    CST 150 - Sample Midterm Exam Spring 2013 pg 3 of 4

12. Provide a style rule to display h1, h2 and h3 headings with a yellow color.

13. Provide a style rule to display the text of all h2 elements nested within the aside element in white.

14. Provide a style rule to display the text of all paragraph elements belonging to the highlight class in red.

15. The initial section element in the document has an id message. Provide a style rule to change the text of this section element to Courier, monospace.

16. What is a web-safe font?

17. Provide a style rule to remove underlining from the hypertext links for all elements marked with the tag and nested within a navigation list.

18. List two CSS @rules and describe their purpose.

19. List two dynamic pseudo-classes and describe their purpose.

20. List two structural pseudo-classes and describe their purpose.
    CST 150 - Sample Midterm Exam Spring 2013 pg 4 of 4

21. On a separate page, draw the tree structure representing the html document below:
    EXTRA CREDIT
    (a) Describe the item selected by the following selector:
    #main h1:first-of-type
    (b) Describe the item selected by the following selector:
    section.red h2:first-child:first-line
    (c) Provide a style rule to display all previously visited hypertext links in purple.