INFO 10034 Review Questions


Lesson 1:

  1. Explain a Pseudo-class. Give 2 examples.

    The method used to control application of CSS settings to different hyperlink states.
    a:link { settings }
    a:visited {settings }
    a:hover { settings }
    a:focus {settings }

    a:active { settings }

  2. What is an advantage for setting a tabbing order for hypertext links?

    Allows the web designer to control the order of links for site visitors who surf the web using their keyboard and the tab key to move from link to link.

  3. Give an example of a tabbing order for a hypertext link.

    <a href="myURL" tabindex="3">My Link</a>

  4. What is an advantage for an access key in a hypertext link?

    Allows site visitors who surf the web using their keyboard to use a keyboard key to activate a hyperlink rather than the necessity of clicking on the link.

  5. Give an example of an access key for a hypertext link.

    <a href="myURL" accesskey="m"><span class="key">M</span>y Link</a>

  6. How would you activate an access key on your computer?

    On PC:   alt + key
    on Mac:  Cmd + key

  7. What is a query string in an email link?

    The portion of a URL that follows the ? character.   In an email link it may be used to set defaults for the email message such as subject link or CC.

  8. List the items you might include in a query string.

    subject=subject line , CC=email@address, BCC=email@address

  9. Give an example of a query string using a "subject" link.

    <a href="mailto:email@address.net?subject=Message from web page">Contact Me</a>

Lesson 2:

  1. What is the purpose of the "fieldset" tag?

    Used to group HTML form fields.

  2. How can a "fieldset" tag enhance an HTML form?

    Using CSS, you can apply borders, sizing (width) and background options.

  3. What is the purpose of the "legend" tag?

    Sets the visible "label" for the fieldset that appears in the top left corner of the fieldset border.

  4. What is the purpose of the "optgroup" tag? Which form field type does it affect?

    Used to group "option" tags in a select list and provide a subheading for each group.

  5. What is an advantage of the "label" tag?

    Allows the web designer to create a connection between "text" and a "form field".   If the visitor clicks on the text, the form field is activated.   This feature is most useful for fields such as "checkbox" and "radio".

  6. What option in a form field tag is necessary to work with a "label" tag?

    The "id" option.   eg.   <input  type="checkbox"  id="idName">

  7. How can a form field work with an access key?

    Using an accesskey is the same as clicking in a form field with a mouse.

  8. List several "border" features that enhance borders:

  9. Give an example using a border setting that would enhance form fields.

    fieldset { border: 1px ridge red ; }

Lesson 3:

  1. What is the purpose of the "col" tag? What is an advantage?

    The col tag defines the size of a table column before all table rows and table data tags. It tells the browser "how" to size all table columns.

  2. What is the purpose of the "colgroup" tag?

    Allows the web designer to group "col" tags, thus grouping table columns together and applying CSS styles to the group.

  3. What is the purpose of the "thead", "tbody" and "tfoot" tags? How is this similar to the "colgroup" tag?

    Allows the web designer to group table rows, thus grouping table rows together and applying CSS styles to the group.

  4. How can you add a caption to a table?

    Using the caption tag below the opening table tag.

  5. How do you add a summary to a table?

    Inside the table tag, add the summary option. eg. <table ... summary="table description here">

  6. How is a table caption different from a table summary?

    A table caption appears on screen either above, below, left or right of the table.   A table summary is read to web visitors who are blind and are using visually-assisting software when surfing the Internet.

  7. Why would you create a scrolling table?

    To place a large table inside a smaller defined space within a web page.

  8. How would you create a scrolling table?

    Using the "div" tag and CSS, you use the CSS overflow feature.

  9. List 5 different ways that you can use borders to enhance tables:


  10. What is the purpose of the CSS setting "text-align"?

    Aligns text to the left, right or center within the HTML container element in CSS.

  11. What is the purpose of the CSS setting "font-style"?

    Makes text either italics or normal within the HTML container element in CSS.

Lesson 4:

  1. What is the purpose of a "frameset" HTML file?

    Breaks the page up into frames where you can load a different HTML file in each frame.

  2. When defining frames, explain the purpose of "rows" and "cols".

    Rows breaks the page horizontally into frames; cols breaks the page vertically into frames.

  3. Write out the code to define a frames layout like this:    
     
       

    <html>
    	<head>
    	  <title>Frames Sample 1</title>
    	</head>
    	<frameset rows="100,*" frameborder="no">
    			<frame src="topfile.html" name="topframe">
    	  <frameset cols="15%,85%" frameborder="no">
    			<frame src="leftside.html" name="sideFrame" noresize="noresize">
    			<frame src="main.html" name="bodyFrame" scrolling="auto">
    	  </frameset>
    	</frameset>
    </html>
  4. Write out the code to define a frames layout like this:    
       
     

    <html>
    	<head>
    	  <title>Frames Sample 2</title>
    	</head>
    	<frameset cols="100,*" frameborder="no">
    			<frame src="menufile.html" name="sidepframe">
    	  <frameset rows="85%,15%" frameborder="no">
    			<frame src="main.html" name="bodyFrame" noresize="noresize">
    			<frame src="footer.html" name="footerFrame" scrolling="auto">
    	  </frameset>
    	</frameset>
    </html>
  5. Explain the purpose of these options from a "frame" tag:


  6. How do you set up a hyperlink so that it loads in a designated frame? Give an example.

    You target the hyperlink so that the link opens in frame.   
    eg.  <a href="myURL" target="frameName">myURL</a>

  7. What is the purpose of an in-line frame?

    Allows the web designer to place a frame within any web page.   Hyperlinks may be targeted to that in-line frame within the page.

  8. Explain the purpose of these options from a "iframe" tag:

Lesson 5:

  1. How do "meta" tags affect publishing your web site on an Internet search engine?

    Are used by search engines when indexing your page;  page title becomes the "text" for their link to your site; description becomes the description they display and the keywords are used when people are searching for a page matching their entered keywords.

  2. Explain the difference between "being crawled" and "submitting" your site to a search engine.

    Being crawled happens when the search engine follows the links from known web sites and "finds" (and indexes) your web site.   Submitting happens when you go to a search site manually and fill out an on-line form to submit your site to their search index database.

  3. What is the purpose of validating an HTML file?

    It indicates to a browser "how" your HTML code should be treated.   Your code conforms to the HTML 4.01 specification either loose-ly, strict-ly or your web site uses frames and has a frameset file.

  4. List 3 types of evaluation used in validating HTML files:


  5. When looking for a web host, what are some things you should consider?


  6. Is a "free" web hosting site a good place for hosting an on-line business?

    No.   They limit the amount of data transfer to a very small amount; they are not reliable (ie. make no guarantee of "up" time); and they don't "look" as professional as registering a domain name.

  7. Search the Internet — list 4 businesses that provide web hosting services. Make sure that at least 2 of them are Canadian businesses that provide web hosting.

    Some sample sites (to get you going — there are lots more out there!)

Return to main page