home *** CD-ROM | disk | FTP | other *** search
/ The Datafile PD-CD 3 / PDCD_3.iso / internet / webster / !Webster / Docs / example < prev    next >
Text File  |  1995-06-25  |  5KB  |  139 lines
  1. <HTML><HEAD>
  2. <TITLE>Example HTML</TITLE>
  3. </HEAD><BODY>
  4. <center>
  5. <a HREF="disclaim.html"><IMG WIDTH=67 HEIGHT=39 ALT="Prev" SRC="ToPrev"></a> <a HREF="../!Help.html"><IMG WIDTH=67 HEIGHT=39 ALT="Index" SRC="ToIndex"></a> <a HREF="fetchers.html"><IMG WIDTH=67 HEIGHT=39 ALT="Next" SRC="ToNext"></a><BR>
  6. <h1>Example HTML</h1>
  7. </center>
  8.  
  9. This example is <EM>not</EM> comprehensive.
  10.  
  11. <h2>An Embeded Form (2 actually)</h2>
  12. <HR>
  13. <FORM ACTION="http://cui_www.unige.ch/cgi-bin/w3catalog">
  14. <INPUT TYPE="submit" VALUE="submit">
  15. <INPUT NAME="isindex">
  16. <A HREF="http://cui_www.unige.ch/cgi-bin/w3catalog">CUI
  17. World Wide Web Catalog</A>
  18. </FORM><P>
  19.  
  20. <FORM method=POST action="http://www.cs.colorado.edu/htbin/grepitp">
  21. <INPUT type="submit" value="submit">
  22. <INPUT type="text" name="Keywords" maxlength= 100>
  23. <a
  24. href="http://www.cs.colorado.edu/home/mcbryan/WWWW.html">WWW Worm</a>
  25. <select
  26. name="Request /homes/bcn/public_html/mcbryan/archive ref">
  27. <option selected> 1. Citation Hypertext
  28. <option> 2. Titles of Citing docs.
  29. <option> 3. Names of  Cited URL's
  30. <option> 4. Names of Citing docs.
  31. </select>
  32. </FORM>
  33. <HR>
  34.  
  35. <h2>Now for a list or two</h2>
  36. <UL>
  37. <LI> An ordered list within an unordered one.
  38.      <OL>
  39.      <LI>Ordered list in a list
  40.        <OL>
  41.        <LI>Item 1
  42.          <OL>
  43.          <LI>One Item
  44.          </OL>
  45.        <LI>Item 2
  46.          <OL>
  47.          <LI>Item 1
  48.          <LI>Item 2
  49.          </OL>
  50.        </OL>
  51.      <li> A list within a list.
  52.        <UL>
  53.        <LI>unordered again
  54.        </ul>
  55.      <LI> Last item in this list.
  56.      </OL>
  57. <LI> Another UnOrdered list.
  58.      <UL>
  59.      <lI>Line one.
  60.      <LI>Line 2.
  61.      </UL>
  62. </UL>
  63.  
  64. <hr>
  65. <H2>Tags and Things</H2>
  66.  
  67. This paragraph has overlapping tags, starting <b>Bold, adding <cite>Cite finishing the </b>Bold and finally the </cite>Cite.
  68.  
  69. <p>All Styles can have <b>Bold, <i> Bold and Italic, and </b> Italic</i> applied to them unless they are already bold or Italic of course, and assuming that an appropriate font is available.
  70.  
  71. <hr>
  72. <H2>Creating HTML documents</H2>
  73. </A>
  74. Some example HTML (Preformatted):  <p>
  75. ____________________________________________________________________
  76. <PRE>
  77.   <TITLE>The simplest HTML example</TITLE>
  78.  
  79.   <H1>This is a level one heading</H1>
  80.  
  81.   Welcome to the world of HTML.  
  82.   This is one paragraph.<P>
  83.  
  84.   And this is a second.<P>
  85. </PRE>
  86. ____________________________________________________________________
  87. <p>
  88.  
  89. HTML documents are in plain text format and can be created using any
  90. text editor (e.g., !Edit, !DeskEdit, Emacs, vi etc.). 
  91. <A HREF="exam.gif">URL to a gif picture</A>
  92.  
  93. <hr>
  94. <h2>TLAs start here</h2> (An example of <DL> lists actually)
  95. <DL>
  96. <DT> <i>WWW</I>
  97. <DD> World Wide Web
  98. <DT> <i>SGML</I>
  99. <DD> Standard <B>Generalized</B> Markup Language - This is perhaps best be
  100.      thought of as a programming language for style sheets.
  101. </DL>
  102. <hr>
  103. <h2>Images Time</h2>
  104.  
  105. <img src="exam.gif"> By default the bottom of an image is aligned with
  106. the text as shown in this paragraph.
  107. <p>
  108. OR
  109. <p><img align=top src="exam.gif"> Include the <code>align=top</code> 
  110. parameter if you want the viewer 
  111. to align adjacent text with the top of the
  112. image as shown in this paragraph.
  113. <P>The full inline image tag with the top alignment is: 
  114. <pre>
  115.     <IMG ALIGN=top SRC="filename.gif">
  116. </pre>
  117.  
  118. You can <img align=top src="exam.gif"> of course <img align=middle src="exam.gif"> have many <img align=middle src="exam.gif"> images <img src="exam.gif"> per line <img src="exam.gif">, all without <img src="exam.gif"> the aid <img align=top src="exam.gif"> of a <img src="exam.gif"> mirror.
  119. <br clear=all>
  120. <img align=left src="exam.gif">If you have <quote>Decode HTML Extensions</quote> enabled in the <quote>Decoding</quote> section of the choices windows, then this will wrap nicely round the image on the right. (Assuming that the text is long enough to cause wrapping of course)
  121. <br CLEAR=all>
  122. <img align=right src="exam.gif">If the text wrapped round the image above then, then this text will also wrap nicely round the image on the left. (again assuming that the text is long enough to cause wrapping) These two image alignments are extensions first implemented in Netscape.
  123. <hr>
  124. <h2>Supported Image Types</h2>
  125. <ul>
  126. <li><IMG ALT="exam.xbm" SRC="exam.xbm" align=top>An xbm File
  127. <LI>A pointer to <A HREF="exam.xbm">an XBM picture</A>
  128. <li><IMG ALT="exam.gif" SRC="exam.gif" align="TOP">A small gif File
  129. <LI>A pointer to <A HREF="exam.gif">a gif picture</A>
  130. <li><img ALT="exam.icon" src="exam.icon" align="top">A sprite File
  131. <li>A pointer to <A HREF="exam.icon">a sprite File</A>
  132. <li><img ALT="exam.jpeg" src="exam.jpeg" align="top">A JPEG File
  133. <li>A pointer to <A HREF="exam.jpeg">a JPEG File</A>
  134. </ul>
  135.  
  136. <hr>
  137. <address>Now it's address time<br>Address line 2!</address>
  138. </BODY></HTML>
  139.