Ellen's Virtual Notebook: Week 2

Types of Lists

Ordered List

Sometimes it is useful to present items in outline form on a web page. The ordered list is the HTML way of creating an outline effect. A sample of this is as follows:
My Virtual University classes are:
  1. HTML 1: Web Page Design for Beginners
  2. Surviving the Internet: Part 1
  3. Surviving the Internet: Part 2

Unordered List

It is possible to add bullets to your web page by using the unordered list as follows:
My favorite HTML reference pages
  • Bits and Pieces http://vu.org/htmlzone/bp.html
  • Wilbur - HTML 3.2 http://www,gtnkgeko,cin.referebce.wukbyr.html
  • Otmar's List of HTML Tagshttp://www.cosy.sbg.ac.at/~lendl/tags.html

    • Descriptive List

    The descriptive list is very useful for presenting terms followed by definitions of the terms. It is useful in creating glossaries and bibliographies. This is demonstrated by the following short example.
    Here are three tools that add emphasis to your Web Page:
    Bold:
    The bold tag set <b> </b> emphasises the importance of the text.

    Italics
    The italics tag set <b> </b> visually sets the selected text apart.

    Underline
    The underline tag set <b> </b> underscores the selected the text.

    Special Characters and Entities

    A number of characters which would be easy to display in a word processing program become "invisible" when rendered in HTML code and the page they are on is displayed in a browser. Such symbols are part of the HTML "behind the scenes"coding system. In order to make them "visible" on the browser, ISO-Latin-1 codes are used. ISO stands for International Standards Organization, and the special characters and entities are known as ISO Character Sets. Some of these special characters are alpha characters and begin with an ampersand (&) and end with a colon (;), while others are numeric characters and begin with an ampersand (&) followed by a number sign (#) and end with a semi-colon (;).

    Some Alpha Characters Examples:

    Left and right single quotes                                &lsquo &rsquo                   (written as &lsquoand&rsquo respectively)
    left and right double quotes                               &ldquo &rdquo                  (written as &ldquoand&rdquo respectively)
    Upward, downward left and right arrows           &uarr &darr &larr &rarr         (written as &uarr, &darr, &larr and &rdquo respectively)

    Some Numeric Characters Examples:

    Space                                                                                       (written as &#32)
    Left and right parenthesis                                    ( )                   (written as &#40)
    Greater-than and lesser-than signs                       < >                 (written as &#40

    ISO References

    Standard Character Entities http://webmonkey.wired.com/webmonkey/reference/
    This reference has sections on Java Script Code, an HTML Cheat Sheet, Special Characters, Color Codes, Windows Broser Chart, Stylesheet Guide, and a Unix Reference Guide.

    Adding Hyperlinks

    Linking to a Web Page:

    < a href="http://www.gocities.yahoo.crazyabouthtml.html" > My Web Page <a> shows up as My Web Page


    Linking to Other Pages in Your Own Web Page:

    < a href="notebook1.html" > Week One < a> shows up as Week One


    Linking Between Sections of Different Documents

    Step 1: Create a link to another page:

    < a href="notebook1.html#tables > Go to Examples of Tables in Notebook 1 </a> shows up as Go to Examples of Tables in Notebook 1

    Step 2: Create an anchor link at the spot on the page you want to "jump to":
    Next to "Tables" on Notebook 1 place this anchor:
    > < a name="tables" > </a>
    Go ahad and test the link in part 1 above.


    Week One
    Week Three
    Week Four
    Back to index
    Hosted by www.Geocities.ws

    Explore Virtual University

    1