Lab Assignment Four


This is a practise exercise on Page Formatting. It contains four major sections. Each section will give you a sample of the things that it can do.

  1. Header Format
  2. Logical Tags
  3. Physical Tags
  4. Special Characters



Header Format

You are now looking at H1Sample

You are now looking at a H2 Sample

You are now looking at a H3 Sample

You are now looking at a H4 Sample

You are now looking at a H5 Sample
You are now looking at a H6 Sample
You are now looking at a H7 Sample

As you can see, there is no such header as H7. It will automatically return to your default font.




Logical Styles

  1. Address :
    2. This tag, <ADDRESS>....</ADDRESS> allows you to leave your email address on your web site, so that others could send you email by clicking on it.


    Send me an email


  2. Block Quote:

    3. This is a container tag, <BLOCKQUOTE>....</BLOCKQUOTE>, allows you to include long quotation in a separate block in your browser. It is set off in a separate paragraph that is indented on both sides.


    The online community has developed into an incredible mixture of culture, commerce, and entertainment. Whether shopping, planning an evening on the town, or exploring the many attractions, the Internet puts the world at your fingertips.

  3. Citation:

    4. We use these container tags, <CITE>....</CITE> when we want to include a bibliographic citation in our document.

    In our HTML class CIS 89A, we are using Excellent HTML written by Timothy T. Gottleber, as our text book.


  4. Computer Code:

    5. This tag,<CODE>....</CODE> is used when you want to show som C code or Java code. It is normally displayed in monospaced font.

    The following program is written in C language that prints my name :
    #include < stdio.h >
    int main (void)
    {
    printf ("Jennifer Chan \n");
    return 0;
    }

  5. Emphasized Text:

    6. This container tag <EM>....</EM> tells the client browser to present the enclosed text with emphasis. The text will be rendered in italic.

  6. Preformatted Text:

    7. The < PRE >....</PRE > container is design to present a block of text without enforcing additional formatting by the browser. This container's supernumerary (extra) blanks are not removed. This container has one optional attribute,WIDTH, which determines how many characters fit on a single line.

  7. Strong:

    8. When you use the Strong tag, <STRONG>....</STRONG>, the text will normally be BOLD

  8. Monospaced Text:

    9. When showing how some code or HTML code looks like, some authors use <TT> .......</TT> to produce a monospaced font

  9. Variable Values:

    10. The VAR tag, <VAR>....</VAR>, is used to show input from the user, that will change. For example: On the input line, put your Name and your Email Address so we can contact you.





Physical Tags

  1. Boldface

    2. <B> Hello </B> is used to bold words


  2. Big Text

    3. This tag, <BIG>...</BIG> is use to increase the size of the text on the browser but there is a maximum size depending on the browser.. for example:-
    This text gets bigger and bigger and bigger



  3. Blinking Text

    4. This blinking tag, <BLINK> WELCOME </BLINK>, is used to call attention to the text that is blinking.


  4. Italic

    5. If you need to change the text to italic, use these tags < I >...</ I >


  5. Monospaced Text

    6. When showing how some code or HTML code looks like, some authors use <TT> .......</TT> to produce a monospaced font


  6. Small Text

    7. This tag, <SMALL >...</SMALL> is use to decrease the size of the text on the browser but there is a maximum size depending on the browser.. for example:-

    This text gets smaller and smaller and smaller


  7. Strike-Through Text:

    8. This tag,<STRIKE> .... </STRIKE> is most often used to show what has been removed or replaced in a document. The end result will look like this Strike Out

  8. Subscripts and Supercripts:

    9. Subscript tag <SUB>...</SUB> and superscript tags <SUP>...</SUP> is most often used in scientific and mathematical notations. The sample is as follows :-

    In this line, the word subscript is below the line, and the superscript is above.

    You will notice that both subscript and superscript are in smaller fonts


  9. Underlining:

    10. Another physical tag is the underline tag <U>...</U>, which is used to underline the text enclosed within the container.





Special Characters

  • Less Than & Greater Than: &LT; < and &GT; >

  • Ampersand: &AMP; &

  • Non-Breaking Spaces: &nbsp; (|     |)

  • The Currency: &#164; ¤

  • The British Pound: &#163; £

  • The Yen: &#165; ¥

  • Copyright: &#169; ©



Jennifer's Homepage


Send me an email