<HTML> <!-----------------------------------------------> <!-- AUTHOR: Agnes Azzolino --> <!-- E-MAIL: asquared@excaliber.net asquared@mathnstuff.com --> <!-- CREATED: 25 June 1998 --> <!-- MODIFIED: 26 June 1998 May 4, 2002 --> <!-- FILE: example.htm --> <!-- PURPOSE: illustrates frame.htm requests & example.txt--> <!-----------------------------------------------> <HEAD> <TITLE>Example</TITLE> </HEAD> <A NAME="top"> </A> <BODY BGCOLOR="#cFcFFF" LINK="#FFFFCF" TEXT=BLUE> <HR SIZE=3><FONT SIZE=4> <!-- ----------------------------------- --> <!-- ----------------------------------- --> <H2>ALIGNMENT</H2> <!----- <CENTER>----------------------------------> <A Name="1"></A> <PRE> The HTML tag is: ALIGN=CENTER Description: centers the text, table, gif, etc. It does this: </PRE><BODY TEXT=BLACK> <CENTER><STRONG>MATH SPOKEN HERE! Guided Tour</STRONG> is useful to teachers, parents, and students.</CENTER> <BR><BR><BR><BODY TEXT=BLUE> <!---------------------------------------------------> <!----- <ALIGN=RIGHT>---------------------------------------> <A Name="2"></A> <PRE> The HTML tag is: ALIGN=RIGHT Description: RIGHT ALIGNMENT OF TEXT, TABLES, GIF, ETC. It does this: <PRE> <BODY TEXT=BLACK> <P ALIGN=RIGHT><STRONG>MATH SPOKEN HERE! Guided Tour</STRONG> is useful to teachers, parents, and students.</RIGHT></P> <BR><BR><BR><BODY TEXT=BLUE> <!-----------------------------------------------------> <!----- <ALIGN= LEFT>---------------------------------------> <A Name="3"></A> <PRE> The HTML tag is: ALIGN=LEFT Description: LEFT ALIGNMENT OF TEXT, GIF, TABLES, ETC. It does this: <PRE> <BODY TEXT=BLACK> <P ALIGN=LEFT><STRONG>MATH SPOKEN HERE! Guided Tour</STRONG> is useful to teachers, parents, and students.</LEFT></P> <BR><BR><BR><BODY TEXT=BLUE> <!---------------------------------------------------> <H2>FONT FEATURES</H2> <!----- <B>----------------------------------------------> <A Name="4"></A> <PRE> The HTML tag is: B Description: MAKES THE FONT BOLD It does this: </PRE> <BODY TEXT=BLACK> <B>MATH SPOKEN HERE! Guided Tour</STRONG> is useful to teachers, parents, and students.</B> </B><BODY TEXT=BLUE> <!------------------------------------------------------> <!----- <I>---------------------------------------------> <A Name="5"></A> <PRE> The HTML tag is: I Description: ITALISIZES THE TEXT It does this: </PRE> <BODY TEXT=BLACK> <I><STRONG>MATH SPOKEN HERE! Guided Tour</STRONG> is useful to teachers, parents, and students.</I> </I><BODY TEXT=BLUE> <!-------------------------------------------------------> <!----- <H1>---------------------------------------------> <A Name="6"></A> <PRE> The HTML tag is: H1 Description: MAKES THE HEADING AS LARGE AS POSSIBLE It does this: </PRE> <BODY TEXT=BLACK> <H1><STRONG>MATH SPOKEN HERE! Guided Tour</STRONG> is useful to teachers, parents, and students. </H1><BODY TEXT=BLUE> <!-------------------------------------------------------> <!----- <H2>-----------------------------------------------> <A Name="7"></A> <PRE> The HTML tag is: H2 Description: MAKES THE HEADING THE 2ND LARGEST POSSIBLE It does this: <PRE> <BODY TEXT=BLACK> <H2><STRONG>MATH SPOKEN HERE! Guided Tour</STRONG> is useful to teachers, parents, and students. </H2><BODY TEXT=BLUE> <!-- ------------------------------------- --> <!----- <H3>---------------------------------------------> <A Name="8"></A> <PRE> The HTML tag is: H3 Description: MAKES THE HEADING THE 3RD LARGEST POSSIBLE It does this: </PRE> <BODY TEXT=BLACK> <H3><STRONG>MATH SPOKEN HERE! Guided Tour</STRONG> is useful to teachers, parents, and students. </H3><BODY TEXT=BLUE> <!-------------------------------------------------------> <!----- <H4>-----------------------------------------------> <A Name="9"></A> <PRE> The HTML tag is: H4 Description: MAKES THE HEADING THE 4TH LARGEST POSSIBLE It does this: <PRE><BODY TEXT=BLACK> <H4> <STRONG>MATH SPOKEN HERE! Guided Tour</STRONG> is useful to teachers, parents, and students. </H4><BODY TEXT=BLUE> <!-- ------------------------------------- --> <!----- <H5>---------------------------------------------> <A Name="10"></A> <PRE> The HTML tag is: H5 Description: MAKES THE HEADING THE 5TH LARGEST POSSIBLE It does this: </PRE> <BODY TEXT=BLACK> <H5><STRONG>MATH SPOKEN HERE! Guided Tour</STRONG> is useful to teachers, parents, and students. </H5><BODY TEXT=BLUE> <!-------------------------------------------------------> <!----- <H6>-----------------------------------------------> <A Name="11"></A> <PRE> The HTML tag is: H6 Description: MAKES THE HEADING THE 6TH LARGEST POSSIBLE It does this: <PRE> <BODY TEXT=BLACK> <H6><STRONG>MATH SPOKEN HERE! Guided Tour</STRONG> is useful to teachers, parents, and students. </H6><BODY TEXT=BLUE> <!-- ------------------------------------- --> <!----- <STRONG>------------------------- --> <A Name="12"></A> <PRE> The HTML tag is: STRONG Description: It does this: </PRE> <BODY TEXT=BLACK> <P><STRONG>MATH SPOKEN HERE! Guided Tour</STRONG></P> <BODY TEXT=BLUE> <!-- ------------------------------------- --> <H2>Blocks of Text</H2> <!----- <P>------------------------- --> <A Name="13"></A> <PRE> The HTML tag is: P Description: PARAGRAPHS THE TEXT It does this: </PRE> <BODY TEXT=BLACK> <P>For "the young and computer-able," particularly those with time and opportunity to explore the net, <STRONG>MATH SPOKEN HERE!</STRONG> is self-directed. For those with less time to explore and perhaps a reluctance to use the web in a classroom situation a tailor-made-for-your-group <STRONG>MATH SPOKEN HERE! Guided Tour</STRONG> is ideal.</P> <P>Choose a format depending on your desires and computer capabilities. Here are two possibilities.</P><BODY TEXT=BLUE> <!-- ------------------------------------- --> <!----- <BLOCKQUOTE>------------------------- --> <A Name="14"></A> <PRE> The HTML tag is: BLOCKQUOTE Description: INDENTS PARAGRAPH AS IN QUOTATION It does this: </PRE> <BODY TEXT=BLACK> <P>For "the young and computer-able," particularly those with time and opportunity to explore the net, <STRONG>MATH SPOKEN HERE!</STRONG> is self-directed. For those with less time to explore and perhaps a reluctance to use the web in a classroom situation a tailor-made-for-your-group <STRONG>MATH SPOKEN HERE! Guided Tour</STRONG> is ideal.</P> <BLOCKQUOTE>Choose a format depending on your desires and computer capabilities. Here are two possibilities.</BLOCKQUOTE><BODY TEXT=BLUE> <!-- ------------------------------------- --> <!----- <PRE>------------------------- --> <A Name="15"></A> <PRE> The HTML tag is: PRE Description: PREVIOUSLY (ARRANGED) FORMATED TEXT It does this: </PRE> <BODY TEXT=BLACK> <PRE>For "the young and computer-able," particularly those with time and opportunity to explore the net, <STRONG>MATH SPOKEN HERE!</STRONG> is self-directed. For those with less time to explore and perhaps a reluctance to use the web in a classroom situation a tailor-made-for-your-group <STRONG>MATH SPOKEN HERE! Guided Tour</STRONG> *** *** 0 0 o \_______/ is ideal.</PRE> <P>Choose a format depending on your desires and computer capabilities. Here are two possibilities.</P><BODY TEXT=BLUE> <!-- ------------------------------------- --> <H2>LISTS</H2> <!----- <UL>-------------------------------------> <A Name="16"></A> <PRE> The HTML tag is: UL, then LI Description: UNORDERED LIST W/LINE ITEM It does this: </PRE> <BODY TEXT=BLACK> <UL>This is an unordered list <LI>Elementary school teachers, <LI>Middle school math teachers, <LI>High school remedial math teachers, <LI>Adult education or remedial college mathematics teachers, <LI>Parent groups, <LI>Teacher-trainers, <LI>Librarians, or <LI>Elementary school administrators. </UL><BODY TEXT=BLUE> <!-------------------------------------> <!----- <DL>-------------------------------------> <A Name="17"></A> <PRE> The HTML tag is: DL, then DT, then DD Description: DEFINITION LIST w/definition term and data description It does this: </PRE> <BODY TEXT=BLACK> <DL>This is a definition list <DT><UNDERLINE>Duration of Program:</UNDERLINE> <DD>1 hour <DT><UNDERLINE>Equipment Needed:</UNDERLINE> <DD>2 overhead projectors w/screens <DD>a computer with overhead projector capabilites or a network <DT><UNDERLINE>Content</UNDERLINE> <DD>Intro the the web and your brower <DD>Buttons, hot spots, and navigation <DD>Mathematics, the language <DD>Features of MSH! <DD>Using MSH! on your own <DD>Using MSH! in the classroom </DL><BODY TEXT=BLUE> <!-------------------------------------> <!----- <OL>-------------------------------------> <A Name="18"></A> <PRE> The HTML tag is: OL, then LI Description: Ordered List w/ Line items It does this: </PRE> <BODY TEXT=BLACK> <OL>This is an ordered list <LI>Equipment Needed</LI> <LI>Content</LI> <LI>Duration of Program</LI> </OL><BODY TEXT=BLUE> <!-------------------------------------> <!----- <IMG SRC=>-------------------------------------> <A Name="19"></A> <PRE> The HTML tag is: IMG SRC= Description: IMAGE SOURCE IS "SOMETHING" It does this: </PRE> <BODY TEXT=BLACK> <IMG SRC="mci4msh.gif" ALT="<MC,i. LOGO>"> <BODY TEXT=BLUE> <!-------------------------------------> <!----- <A HREF=>-------------------------------------> <A Name="20"></A> <PRE> The HTML tag is: A HREF= Description: ANCHORS TO ANOTHER SITE It does this: </PRE><BODY TEXT=BLACK> <A HREF="#top">Jumps to location named "top".</A> <BODY TEXT=BLUE><BR><BR> <!-------------------------------------> <!----- <TABLE>-------------------------------------> <A Name="21"></A> <PRE> The HTML tag is: TABLE Description: CREATES A TABLE OF RECTANGLES OR CELLS It does this: </PRE><BODY TEXT=BLACK> <!-- ----this is a 3 row, 4 column table TO JUMP FROM PAGE TO PAGE --> <TABLE BORDER ALIGN=center> <TR> <TD BGCOLOR=white>row 1, cell 1 is white <TD BGCOLOR=olive>row 1, cell 2 is olive <TD BGCOLOR=lime>row 1, cell 3 is lime <TD BGCOLOR=yellow>row 1, cell 4 is yellow </TR> <TR> <TD BGCOLOR=maroon>row 2, cell 1 is maroon <TD BGCOLOR=silver>row 2, cell 2 is silver <TD BGCOLOR=fuchsia>row 2, cell 3 is fuchsia <TD BGCOLOR=aqua>row 2, cell 4 is aqua </TR> </TABLE> <!-- ------------------------------------- --> <BODY TEXT=BLUE> <!-------------------------------------> <IMG SRC="mci4msh.gif" ALT="<MC,i. LOGO>"> <P>Agnes Azzolino at:</P> <A HREF="MAILTO:asquared@excaliber.net">asquared@excaliber.net</ A></P> <P>http://www.excaliber.net/math/papers/example.htm</P> <P>© 6/26/98</P> </BODY> </HTML>