MCCC CIS 177 - Markup Languages

6.0 Review

1.0 Overview
  1. What is hypertext?
  2. What is a Web server? A Web browser? How do they work together?
  3. What is HTML?
  4. How do HTML documents differ from other documents created with a word processor?
  5. What are the advantages of letting Web browsers determine the appearance of a Web page?
  6. What are HTML extensions? What are the advantages and disadvantages of using extensions?
  7. What software do you need to create an HTML document?
  8. Why should you include the <html> tag in your Web page?
  9. What is the syntax for creating a centered h1?
  10. What is the syntax for creating a paragraph?
  11. If you want to create an extra blank line between paragraphs, what tag do you need?
  12. What is the syntax for creating an ordered list, unordered list and a definition list?
  13. List two ways of italicizing text in your Web page. Why would you use one or the other?
  14. How would you insert a copyright symbol in a Web page?
  15. What is the syntax for inserting a horizontal rule into a Web page?
  16. What is the syntax for creating a horizontal rule that is 70% of the display width of the screen and 4 pixels wide?
  17. What is an inline image?
  18. What is an external image?
  19. What is the syntax for inserting a graphic named mouse.jpg into a Web document as an inline image?
  20. What are the two graphic file formats you can use for inline images?
2.0 Site Design
  1. What is the HTML code for marking the text "Colorado State University" with the anchor name "csu"?
  2. What is the HTML code for linking the text "Universities" to an anchor that is named "csu"?
  3. What is wrong with the following code? <a name="info"><h3>For more information</h3></a>
  4. What is the HTML code for marking an inline image, photo.jpg, with the anchor name "photo"?
  5. What is the code for linking the inline image button.jpg to an anchor with the name "links"?
  6. True or false: Anchor names are case sensitive.
  7. What is storyboarding? Why is it important in creating a Web site?
  8. What is a linear structure?
  9. What is a hierarchical structure?
  10. What are two ways of specifying color in an HTML file? What are the advantages and disadvantages of each?
  11. What HTML tag would you use to specify red text on a gray background, with hypertext links displayed in blue and visited links displayed in yellow?
  12. What HTML tag would you use to format the words "Major Sale" in red, with a font size of 5 larger than the surrounding text?
  13. What HTML tag would you use to display the text "Major Sale" in the Times New Roman font and, if that font is not available, in the MS Serif font?
  14. What HTML tag would you use to define the "stars.gif" as the background image for a Web page?
  15. Name three things you should avoid when choosing a background image for your Web page.
  16. List three reasons for using the GIF image format instead of the JGP format.
  17. List three reasons for using the JPG format instead of the GIF format.
  18. What HTML tag would you use to display the alternative text "MidWest University" in place of the image mwu.jpg?
  19. What HTML tag would you use to align mwu.jpg with the top of the surrounding text?
  20. What HTML tag would you use to align the surrounding text to the left of mwu.jpg?
  21. What HTML tag would you use to increase the horizontal and vertical space around mwu.jpg to 10 pixels?
  22. The mwu.jpg image is 120 x 85 pixels. Using this information, what would you enter into your html file to increase the speed at which the page is rendered by the browser?
  23. What is dithering? What is the Web-safe palette?
3.0 Links
  1. What is the difference between absolute and relative paths?
  2. Refer to the image. If the current file is parks.htm in the tutorial.02/case1/extra folder, what are the relative path names for the other four files?
  3. What tag would you enter to link the text "White House" to the URL "http://www.whitehouse.gov? Have this link displayed in a new browser window named "GovWin".
  4. What tag would you enter to link the text "Washington" to the FTP server at ftp.uwash.edu?
  5. What tag would you use to link the text "Boxing" to the newsgroup rec.sports.boxing.pro?
  6. What tag would you enter to link the text "President" to the email address president@whitehouse.gov?
  7. What is the purpose of the pound symbol (#) when creating a link to an anchor in a separate Web page?
  8. What code would you enter to link the text "Sports Info" to the file sports.htm?
  9. What code would you enter to link the text "Basketball News" to the file sports.html at a place in the file with the anchor name "bball"?
  10. What is a hotspot? What is an image map?
  11. What are two types of image maps? What are the advantages and disadvantages of each?
  12. What HTML tag would you use to define a rectangular hotspot with the upper-left edge at 5,20 and the lower-right edge at 85,100, and with oregon.htm displayed when the hotspot is activated?
  13. What HTML tag would you use for a circular hotspot centered at (44,81) with a radius of 23 pixels to be linked to la.htm?
  14. What HTML tag would you use for a hotspot that connects the points 5,10, 5,35, 25,35, 30,20 and 15,10, and it is linked to hawaii.htm?
  15. What HTML tag would you use to assign an image map named States to westcoast.gif?
  16. What HTML tag would you use to increase the border around westcoast.gif to 5 pixels?
4.0 Tables
  1. What are the two kinds of tables you can place in a Web page? What are the advantages and disadvantages of each?
  2. What is the difference between a proportional font and a fixed-width font? Which should you use in a text table, and why?
  3. What HTML tag would you use to create a text table?
  4. Define the purpose of the following HTML tags: <tr> <td> <th>
  5. How do you specify the number of rows in a graphical table? How do you specify the number of columns?
  6. Ho does the <th> tag differ from the <td> tag?
  7. What HTML code would you use to place the caption "Product Catalog" below a table? Where must this code be placed in relation to the <table> and </table> tags?
  8. What HTML code would you use to create a table with a 5-pixel wide outside border, a 3-pixel wide border between table cells, and 4 pixels of padding between the cell text and the cell border?
  9. What HTML code would you use to align text with the to of the table heading cell?
  10. What HTML code would you use to center all of the text within a give row?
  11. What are the two ways of expressing table width? What are the advantages and disadvantages of each?
  12. What HTML code would you use to create a table that fills half the width of the browser's display area, regardless of the user's monitor resolution?
  13. What HTML code would you use to set the width of a cell to 60 pixels? Will this keep the cell from exceeding 60 pixels in width? Will this keep the cell from being less than 60 pixels wide? How can you guarantee the cell width will be exactly 60 pixels?
  14. What HTML code would you use to set the background color of your table to yellow? What are some limitations of this code?
  15. What HTML code would you use to create a cell that spans three rows and two columns?
  16. What HTML code would you use to create a 2 x 2 table nested inside the upper-left cell of another 2 x 2 table?
  17. What HTML code is used to insert the comment "Nested table starts here"?
  18. If you want to change the font color of all the cells in a table to red, how would you enter the HTML code?
  19. What HTML code would you use to insert the text "Headlines" into a table cell in an h1 format using Arial, Helvetica, or san-serif font?
  20. What is the first thing you should do when creating a table layout?
5.0 Framesets
  1. What are frames, and why are they useful in displaying and designing a Web page?
  2. Why is the <body> tag unnecessary for pages containing frames?
  3. What HTML code do you use to create three rows of frames with the height of the first row set to 200 pixels, the height of the second row set to 50% of the display area, and the height of the third row set to occupy the remaining space?
  4. What HTML code do you use to specify the home.htm as the source for a frame?
  5. What HTML code do you use to remove the scroll bars from the frame for home.htm?
  6. What HTML code do you use to set the size of a margin above and below the home.htm frame to 3 pixels?
  7. What is the size of the margins to the right and left of the frame in Question 6?
  8. What code would you use to prevent users from moving the frame borders in home.htm?
  9. When you click a hypertext link inside a frame, in what frame will the Web page appear by default?
  10. What HTML code would you use to assign the name "Address" to a frame with the document source address.htm?
  11. What HTML code would you use to direct a hypertext link to a frame named "News"?
  12. What HTML code would you use to point a hypertext link to the document "sales.hm" with the result that the sales.htm file is loaded into the entire display area, overwriting any frames in the process?
  13. What HTML code would you use to direct all hypertext links in a document to the "News" target?
  14. Describe what you would do to make you Web page readable by browsers that support frames and by those that do not.
  15. What HTML tag would you use to set the frame border color of every frame on the page to red?
  16. What HTML tag would you use to set the frame border width to 5 pixels?