File: t2html-4.html

package info (click to toggle)
t2html 2016.1020%2Bgit294e8d7-2
links: PTS, VCS
area: main
in suites: bullseye
size: 836 kB
sloc: perl: 4,711; makefile: 133
file content (1337 lines) | stat: -rw-r--r-- 28,635 bytes
parent folder | download | duplicates (2)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<!--
	Note: the LINK tags are used by advanced browsers.
-->
<head>
<title>
Page title is embedded inside text file
</title>



<!--    ......................................................................
    META TAGS (FOR SEARCH ENGINES)
    ......................................................................
-->

  <meta http-equiv="keywords"
	CONTENT="test, html, example">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="Expires" content="Thu, 20 Nov 2008 23:15:29 GMT">


  <meta http-equiv="Made"
	content="mailto:author@examle.com">


  <meta name="Generator"
	content="2008-09-22 02:15 Perl program t2html v2008.0921.2243 http://freecode.com/projects/perl-text2html">



<!--    ......................................................................
    BUTTON DEFINITION START
    ......................................................................
-->



    <style type="text/css">



	/*

	    ///////////////////////////////////////////////////////////
	       NOTE    NOTE    NOTE    NOTE    NOTE    NOTE    NOTE

	    This is the default CSS 2.0 generated by the program,
	    please see "t2html --help" for option --script-file
	    to import your own CSS and Java definitions into the page.

	    XHTML note: at page http://www.w3.org/TR/xhtml1/#guidelines
	    It is recommended that CSS2 with XHTML use lowercase
	    element and attribute names

	    This default CSS2 has been validated according to
	    http://jigsaw.w3.org/css-validator/validator-uri.html.en

	    To design colors, visit:
	    http://www.btexact.com/people/rigdence/colours/

	       NOTE    NOTE    NOTE    NOTE    NOTE    NOTE    NOTE
	    ///////////////////////////////////////////////////////////

	    Comments on the CSS tags:

	    -   block-width: "thin" (Netscape ok, MSIE nok)

	    NETSCAPE 4.05

	    -  In general does not render CSS very well. Eg
	       font size changes does not show up in screen.
	    -  :hover property is not recognised

	    NETSCAPE 4.75 as of 2000-10-01

	    -  Shows garbage for stylesheet section that marked CITATION.
	       (IE has no trouble to show it)

	    MSIE 4.0+

	    - Renders CSS very well.

	    Media types

	    - Netscape does not transfer the CSS element definitions to
	      the "print" media as it should. They only affect Browser
	      or media "screen"
	    - That is why you really have to say EM STRONG ... /STRONG EM
	      to get that kind of text seen in printer too. You cannot
	      just define P.column7 { ... }

	    The @media CSS definition is not supported by Netscape 4.05
	    I do not know if MSIE 4.0 supports it.

	    So doing this would cause CSS to be ignored completely
	    (never mind that CSS says the default CSS applies to "visual",
	    which means both print and scree types.)

		@media print, screen {  P.code {..}  }

	    To work around that, we separate the definitions with

		P.code { .. }               // For screen

		@media print { P.code      // for printer
		{
		    ..
		}}

	    And wish that some newer browser will render it right.

	*/

	/*   ///////////////////////////////////////////////// HEADINGS */

	h1.default
	{
	    font-family: bold x-large Arial,helvetica,Sans-serif;
	    padding-top: 10pt;
	}

	h2.default
	{
	    font-family: bold large Arial,Helvetica,Sans-serif;
	}

	h3.default
	{
	    font-family: bold medium Arial,Helvetica,Sans-serif;
	}

	h4.default
	{
	    font-family: medium Arial,Helvetica,Sans-serif;
	}

	/*   ////////////////////////// Make pointing AHREF more visual */

	body
	{
	    font-family: "Times New Roman", serif;


	    /*
		More readable font, Like Arial in MS Word
		The background color is grey

		font-family: "verdana", sans-serif;
		background-color: #dddddd;
		foreground-color: #000000;

		Traditional "Book" and newspaper font
		font-family: "Times New Roman", serif;
	    */
	}

	a:link
	{
	    font-style: italic;
	}

	/*   A name=... link references */

	a.name
	{
	    font-style: normal;
	}

	a:hover
	{
	    color:           purple;
	    background:      #AFB;
	    text-decoration: none;
	}

	    /* cancel above italic in TOC and Navigation buttons */

	a.btn:link
	{
	    font-style: normal;
	}

	    /* each link in TOC */


	a.toc
	{
	    font-family: verdana, sans-serif;
	    font-style: normal;
	}

	a.toc:link
	{
	    font-style: normal;
	}

	    /* [toc] heading button which appears in non-frame html */

	a.btn-toc:link
	{
	    font-style: normal;
	    font-family: verdana, sans-serif;
	    /* font-size:  0.7em; */
	}

	/*  //////////////////////////////////// Format the code sections  */

	/*  MSIE ok, Netscape nok: Indent text to same level to the right  */

	blockquote
	{
	    margin-right: 2em;
	}

	@media print   { BLOCKQUOTE
	{
	    margin-right: 0;
	}}

	samp.code
	{
	    color: Navy;
	}

	hr.special
	{
	    width: 50%;
	    text-align; left;
	}

	pre
	{
	    font-family:   "Courier New", monospace;
	    font-size:     0.8em;
	    margin-top:    1em;
	    margin-bottom: 1em;
	}

	pre.code
	{
	    color: Navy;
	}

	p.code, p.code1, p.code2
	{
	    /*
	       margin-top:     0.4em;
	       margin-bottom:  0.4em;
	       line-height:    0.9em;
	    */

	    font-family:    "Courier New", monospace;
	    font-size:      0.8em;
	    color:          Navy;
	}

	/* //////////////////////// tables /////////////////////////// */

	table
	{
	    border: none;
	    width: 100%;
	    cellpadding: 10px;
	    cellspacing: 0px;
	}

	table.basic
	{
		font-family:    "Courier New", monospace;
		color: Navy;
	}

	table.dashed
	{

		/* font-family: sans-serif; /*
		/* background:  #F7DE9C; */

		color: Navy;

		border-top:     1px #999999 solid;
		border-left:    1px #999999 solid;
		border-right:   1px #666666 solid;
		border-bottom:  1px #666666 solid;
		border-width:   94%;
		border-style: dashed; /* dotted */


		/* line-height: 105%; */
	}

	table.solid
	{
		font-family:    "Courier New", monospace;
		/* afont-size:      0.8em; */

		color:          Navy;

		/* font-family: sans-serif; /*
		/* background:  #F7DE9C; */

		border-top:     1px #CCCCCC solid;
		border-left:    1px #CCCCCC solid; /* 999999 */
		border-right:   1px #666666 solid;
		border-bottom:  1px #666666 solid; /* dark grey */
		/* line-height: 105%; */
	}

	/* Make 3D styled layout by thickening the boton + right. */

	table.shade-3d
	{
		font-family:    "Courier New", monospace;
		font-size:      0.8em;

		color:          #999999; /* Navy; */

		/* font-family: sans-serif; /*
		/* background:  #F7DE9C; */

		/* border-top:  1px #999999 solid; */
		/* border-left: 1px #999999 solid; */
		border-right:   4px #666666 solid;
		border-bottom:  3px #666666 solid;
		/* line-height: 105%; */
	}

	.shade-3d-attrib
	{
	    /*
		F9EDCC          Light Orange
		FAEFD2          Even lighter Orange

		#FFFFCC         Light yellow, lime

	    */

	    background: #FFFFCC;
	}

	table tr td pre
	{
		/*  Make PRE tables "airy" */
		margin-top:    1em;
		margin-bottom: 1em;
	}

	table.shade-normal
	{
		font-family:    "Courier New", monospace;
		/* font-size:      0.9em; */
		color:          Navy;
	}

	.shade-normal-attrib
	{
	    /*  grey: EAEAEA, F0F0F0 FFFFCC
		lime: F7F7DE CCFFCC
		pinkish: E6F1FD D8E9FB C6DEFA FFEEFF (light ... darker)
		slightly darker than F1F1F1: #EFEFEF;
	    */
	    background: #F1F1F1;
	}

	table.shade-normal2
	{
		font-family:    "Courier New", monospace;
	}

	.shade-normal2-attrib
	{
	    background: #E0E0F0;
	}

	.shade-note-attrib
	{
	    /*  darker is #E0E0F0; */
	    /* background: #E5ECF3; */
	    background: #E5ECF3;
	    font-family: Georgia, "New Century Schoolbook",
			 Palatino, Verdana, Helvetica, serif;
	    font-size: 0.8em;
	}

	/* ..................................... colors ................. */

	.color-white
	{
	    color: Navy;
	    background: #FFFFFF;
	}

	.color-fg-navy
	{
	    color: navy;
	}

	.color-fg-blue
	{
	    color: blue;
	}

	.color-fg-teal
	{
	    color: teal;
	}

	/*   Nice combination: teal-dark, beige2 and  beige-dark */

	.color-teal-dark
	{
	    color: #96EFF2;
	}

	.color-beige
	{
	    color: Navy;
	    background: #F7F7DE;
	}

	.color-beige2
	{
	    color: Navy;
	    background: #FAFACA;
	}

	.color-beige3
	{
	    color: Navy;
	    background: #F5F5E9;
	}

	.color-beige-dark
	{
	    color: Navy;
	    background: #CFEFBD;
	}

	.color-pink-dark
	{
	    background: #E6F1FD;
	}

	.color-pink-medium
	{
	    background: #D8E9FB;
	}

	.color-pink
	{
	    /*  grey: EAEAEA, F0F0F0 FFFFCC
		lime: F7F7DE CCFFCC
		pinkish: E6F1FD D8E9FB C6DEFA FFEEFF (light ... darker)
	    */
	    background: #C6DEFA;
	}

	.color-pink-light
	{
	    background: #FFEEFF;
	}

	.color-blue-light
	{
	    background: #F0F0FF;
	}

	.color-blue-medium
	{
	    background: #4A88BE;
	}

	/* ////////////////////////////////////////////// Format columns */

	p.column3
	{
	    color: Green;
	}

	p.column5
	{
	    color: #87C0FF;   /* shaded casual blue */
	}

	p.column6
	{
	    /* #809F69 is Forest green
	       But web safe colors are:
	       Lighter  ForestGreen: 66CC00
	       ForestGreen: #999966 669900 339900 669966

	    color: #669900;
	    font-family: "Goudy Old Style"
	    */
	    margin-left: 3em;
	    font-family: Georgia, "New Century Schoolbook",
			 Palatino, Verdana, Arial, Helvetica;
	    font-size:  0.9em;
	}

	    /* This is so called 3rd heading */

	p.column7
	{
	    font-style:  italic;
	    font-weight: bold;
	}

	@media print { P.column7
	{
	    font-style:  italic;
	    font-weight: bold;
	}}

	p.column8
	{

	}

	p.column9
	{
	    font-weight: bold;
	}

	p.column10
	{
	    padding-top: 0;
	}

	em.quote10
	{
	    /*
		#FF00FF Fuchsia;
		#0000FF Blue

		#87C0FF casual blue
		#87CAF0

		#A0FFFF Very light blue

		#809F69 = Forest Green , see /usr/lib/X11/rgb.txt

		background-color:

		color: #80871F ; Orange, short of

		# font-family: "Gill Sans", sans-serif;

		line-height: 0.9em;
		font-style:  italic;
		font-size:   0.8em;

		line-height: 0.9em;
		color: #008080;

		background-color: #F5F5F5;
		#809F69; forest green
		#F5F5F5; Pale grey
		#FFf098; pale green
		##bfefff; #ffefff; LightBlue1

		background-color: #ffefff;

		.................
		#FFFCE7         Orange very light
		#FFE7BF         Orange dark
		#FFFFBF         Orange limon

	     */

	     /*
	     #  See a nice page at
	     #  http://www.cs.helsinki.fi/linux/
	     #  http://www.cs.helsinki.fi/include/tktl.css
	     #
	     #  3-4 of these first fonts have almost identical look
	     #  Browser will pick the one that is supported
	     */

	     font-family: lucida, lucida sans unicode, verdana, arial, "Trebuchet MS", helvetica, sans-serif;
	     background-color: #eeeeff;
	     font-size:   0.8em;
	}

	@media print { em.quote10
	{
	    font-style:  italic;
	    line-height: 0.9em;
	    font-size:   0.8em;
	}}

	p.column11
	{
	    font-family: arial, verdana, helvetica, sans-serif;
	    font-size: 0.9em;
	    font-style: italic;
	    color: Fuchsia;
	}

	/* /////////////////////////////////////////////// Format words */

	em.word
	{
	    /* #809F69 Forest green */
	    color: #80B06A;  /*Darker Forest green */
	}

	strong.word
	{

	}

	samp.word
	{
	    color: #4C9CD4;
	    font-weight: bold;
	    font-family:    "Courier New", monospace;
	    font-size:      0.85em;
	}

	span.super
	{
	    /* superscripts */
	    color: teal;
	    vertical-align: super;
	    font-family: Verdana, Arial, sans-serif;
	    font-size: 0.8em;
	}

	span.word-ref
	{
	    color: teal;
	}

	span.word-big
	{
	    color: teal;
	    font-size: 1.2em;
	}

	span.word-small
	{
	    color: #CC66FF;
	    font-family: Verdana, Arial, sans-serif;
	    font-size: 0.7em;
	}

	/* /////////////////////////////////////////////// Format other */

	/* 7th column starting with double quote */

	span.quote7
	{
	    /* color: Green; */
	    /* font-style: italic; */
	    font-family: Verdana;
	    font-weigh: bold;
	    font-size: 1em;
	}

	/* This appears in FRAME version: xxx-toc.html */

	div.toc
	{
	    font-size: 0.8em;
	}

	/* This appears in picture: the acption text beneath */

	div.picture
	{
	    font-style: italic;
	}

	/* This is the document info footer */

	em.footer
	{
	    font-size: 0.9em;
	}


    </style>


    <!-- ...................................................... Java code -->

    <script type="text/javascript">

	function MakeVisual(obj)
	{
	    obj.style.fontWeight = "italic";
	}

	function MakeNormal(obj)
	{
	    obj.style.fontWeight = "normal";
	}

	function IgnoreErrors()
	{
	    return true;
	}

	window.onerror = IgnoreErrors;

    </script>

</head>

<body >


<!--    ......................................................................
    TABLE OF CONTENT START
    ......................................................................
-->


<div class="toc">
<a name="toc" id="toc" class="name"></a>
<h1>
    Table of Contents

</h1>


<ul>
<li>
    <a href="#headings" class="toc">
	Headings
    </a>
    <br>
<li>
    <a href="#markup" class="toc">
	Markup
    </a>
    <br>
<li>
    <a href="#emacs_minor_mode" class="toc">
	Emacs minor mode
    </a>
    <br>
<li>
    <a href="#bullets_lists_and_links" class="toc">
	Bullets, lists, and links
    </a>
    <br>
<li>
    <a href="#line_breaking" class="toc">
	Line breaking
    </a>
    <br>
<li>
    <a href="#specials" class="toc">
	Specials
    </a>
    <br>
</ul>
<a href="#samples_per_column_heading_level_h1" class="toc">
	Samples per column (heading level h1)
    </a>
    <br>

<ul>
<li>
    <a href="#column_4_next_heading_level_h2" class="toc">
	Column 4, Next heading level (h2)
    </a>
    <br>
<li>
    <a href="#another_level_2_heading_column_4" class="toc">
	Another level 2 heading (column 4)
    </a>
    <br>
</ul>
<a href="#table_rendering_examples" class="toc">
	Table rendering examples
    </a>
    <br>
<a href="#conversion_program" class="toc">
	Conversion program
    </a>
    <br>
</ul>

</div>


<!--    ......................................................................
    TABLE OF CONTENT END
    ......................................................................
-->

t2html Test Page



<p class="column8">
        Copyright &copy; 1996-2008 Jari Aalto


<p class="column8">
        License: This material may be distributed only subject to
        the terms and conditions set forth in GNU General Public
        License v2 or later; or, at your option, distributed under the
        terms of GNU Free Documentation License version 1.2 or later
        (GNU FDL).


<p class="column8">
        This is a demonstration text of Perl Text To HTML
        converter.



  <a name="headings" id="headings"></a>
  <h2>
      Headings

  </h2>




<p>
<p class="column8">
        The tool provides for two heading levels. Combined with
        bullets and numbered lists, it ought to be enough for most
        purposes, unless you really like section 1.2.3.4.5


<p class="column8">
        You can insert links to headings or other documents. The
        convention is interior links are made by joining the first
        four words of the heading with underscores, so they must be
        unique. A link to a heading below looks like this in the text
        document and generates the link shown. There also is syntax
        for automatically inserting a base URL (see the tool
        documentation).


<p class="column8">
        The following blue link is generated with markup code:
        # REF #Markup ;(Markup);


<p class="column8">
        <a href="#Markup " >(Markup)</A>



  <a name="markup" id="markup"></a>
  <h2>
      Markup

  </h2>




<p>
<p class="column8">
        The markup here is mostly based on column position, meaning
        mostly no tags. The exceptions are special marks for bullets
        and for emphasis. See later sections for the effects of column
        position on the output HTML.


<p class="column8">
        Text surrounded by = equals = comes out <span class="word-small">another</span> <span class="word-small">color</span><br>
        Text surrounded by backquote/forward quote comes out <samp class="word">color</samp> `<br>
        Text surrounded by * asterisks * comes out <em class="word">italic</em> <em class="word">text</em><br>
        Text surrounded by _ underscores _ comes out <strong class="word">bold</strong><br>
        The long dash &ndash; is signified with two consequent dashes (-)<br>
        The plus-minus is signified with (+) and (-) markers combined &plusmn;4<br>
        Big character &quot;C&quot; in parentheses ( C ) make a copyright sign (C)<br>
        Registered trade mark sign &reg; is big character &quot;R&quot; in parentheses ( R )<br>
        Euro sign is small character &quot;e&quot; right after digit: 400 &euro;<br>
        Degree sign is number &quot;0&quot; in parentheses just after number: 5&deg;C<br>
        Superscript is maerked with bracket immediately attached to text<span class="super">see this</span><br>
        Special HTML entities can embedded in a normal way, like: &times; &lt; &gt; &le; &ge; &ne; &radic; &minus; &alpha; &beta; &gamma; &#402; &divide; &laquo; &raquo; - &ndash; &mdash; &asymp; &equiv; &lsaquo; &rsaquo; &sum; &infin; &trade;<br>




  <a name="emacs_minor_mode" id="emacs_minor_mode"></a>
  <h2>
      Emacs minor mode

  </h2>




<p>
<p class="column8">
        If you use the advertised Emacs minor mode (tinytf.el) you can
        easily renumber headings as you revise the text. Test is also
        colorized as you edit content.


<p class="column8">
        The editing mode can automatically generate the table of
        contents and the HTML generator can use it to generate a two
        frame output with the TOC in the left frame as hotlinks to the
        sections and subsections.
        Visit <a href="http://freecode.com/projects/emacs-tiny-tools" >http://freecode.com/projects/emacs-tiny-tools</A>



  <a name="bullets_lists_and_links" id="bullets_lists_and_links"></a>
  <h2>
      Bullets, lists, and links

  </h2>




<p>
<p class="column8">
        This is ordinary text.

<ul>
	<li>This is a bullet paragraph with a continuation mark
            (leading comma) in the last line. It will not work if the
	            comma is on the same line as the bullet.
<p>


            This is a continued bullet paragraph. You use a leading
            comma in the last line of the previous block to make a
            continued item. This is ok except the paragraph fill code
            (for the previous paragraph) cannot deal with it. Maybe
            it is a hint not to do continued bullets, or a hint not to
	            put the comma in until you are done formatting.</li>
</ul>



<ul>
	<li>The next bullet.  the sldjf sldjf sldkjf slkdjf sldkjf
	            lsdkjf slkdjf sldkjf sldkjf lskdj flskdjf lskdjf lsdkjf.</li>
</ul>



<ol>
	<li>This is a numbered list, made with a '.' in column 8 of its
            first line and text in column 12. You may not have blank
            lines between the items.
<li>Clickable email <em><a href="mailto:gork@ork.com" >gork@ork.com</A></em>.
	</li>
<li>Non-clickable email gork@ork.com.
	</li>
<li>Clickable link: <a href="http://this.com" >http://this.com</A>
	</li>
<li>Non-clickable link: http://this.com.
	<li>Clickable file: <a href="file:/home/gork/x.txt" >file:/home/gork/x.txt</A>.</li>
</ol>





  <a name="line_breaking" id="line_breaking"></a>
  <h2>
      Line breaking

  </h2>




<p>
<p class="column8">
        Ordinary text with leading dot(.) forces line breaks in the HTML.
        Here is a line with forced break.<br>
        Here is another line thatcontains dot-code at the beginning.<br>



  <a name="specials" id="specials"></a>
  <h2>
      Specials

  </h2>




<p>
<p class="column8">
        You can use superscripts<span class="super">1</span>, multiple<span class="super">(2)</span> and almost
        any<span class="super">(ab)</span> and imaginable<span class="super">IV superscripts</span>

<hr>
	<a name="samples_per_column_heading_level_h1"  id="samples_per_column_heading_level_h1"></a>
	<h1>
	Samples per column (heading level h1)

	</h1>


<p class="column8">
        These samples show the range of effects produced by writing
        text beginning in different columns.  The column numbers
        referred to are columns in the source text, not (obviously)
        the output. The column numbering is counted starting from 0,
        <strong class="word">not</strong> <strong class="word">number</strong> <strong class="word">1</strong>.

 Column 1, is undefined and nothing special.

  Column 2, is undefined and nothing special.


<p class="column3">
   Column 3, plain text, with color



  <a name="column_4_next_heading_level_h2" id="column_4_next_heading_level_h2"></a>
  <h2>
      Column 4, Next heading level (h2)

  </h2>




<p>
<p class="column5">
     Column 5, plain text, with color


<p class="column6">
      Column 6, This i used for long quotations. The text uses
      Georgia font, which is designed for web, but which is
      equally good for laser printing font.


<p class="column7"><em><strong>
       Column 7, bold, italic</strong></em>



<p class="column8">
<span class="quote7">Column 7, start and end with double quote. Use for inner TOPICS</span><br>


<p class="column8">
        Column 8, standard text <strong class="word">strong</strong> <em class="word">emphasized</em>


<p class="column9"><strong>
         Column 9, font weight bold, not italic.</strong>



<p class="column10"><em class="quote10">
          Column 10, quotation text, italic serif. This text has been made a
          little smaller and condensed than the rest of the text.
          More quotation text. More quotation text. More quotation text.
          More quotation text. More quotation text. More quotation text.
          More quotation text. More quotation text. More quotation text.
          More quotation text. More quotation text. More quotation text.</em>



<p class="column11">
           Column 11, another color, for questions, exercise texts etc.

<p>
<table class="shade-note">
    <tr>
    <td class="shade-note-attrib" valign="top">
    <b>      Note:</b>
 It is possible to say something important at
      column 12, which is normally reserved for CODE.
      You must supply options --css-code-bg and
      --css-code-note=Note:
    </td>
    </tr>
</table>


<p class="column8">
        Here is the code column 12:

<p>


<table  class="shade-note">
    <tr>
    <td class="shade-note-attrib" valign="top">
    <span class="note12">      Note:</span>  Here is something important to tell you about this code
      This part of the text in first paragrah is rendered differently,
      because it started with magic word <strong class="word">Note:</strong> The rest of the
      pararagraphs are rendered as CODE.
    </td>
    </tr>
</table>

    <table class="shade-normal">
    <tr>
    <td class="shade-normal-attrib" valign="top">
    <pre>
      /* Column 12 code */
      /* 10pt courier navy */
      // col 12 and beyond stay as is to preserve code formatting.

      for( i=0 ; i &lt; 10 ; i++ )
      {
          more();
          whatever();
      }    </pre>
</td>
    </tr>
</table>



  <a name="another_level_2_heading_column_4" id="another_level_2_heading_column_4"></a>
  <h2>
      Another level 2 heading (column 4)

  </h2>




<p>
<p class="column8">
        Here is more ordinary text.

<hr>
	<a name="table_rendering_examples"  id="table_rendering_examples"></a>
	<h1>
	Table rendering examples

	</h1>


<p class="column8">
        These examples make sense only if the options <em class="word">--css-code-bg</em>
        (use gray background for column 12) and
        <em class="word">--css-code-note=Note:</em> have been turned on. If orfer to take
        full advantage of all the possibilities, you should introduce
        yourself to the HTML 4.01 specification and peek the CSS code
        in the generated HTML: the <em class="word">tableclass</em> can take an attribute
        of the embedded default styles.

<p>


<table  class="shade-note">
    <tr>
    <td class="shade-note-attrib" valign="top">
    <span class="note12">      Note:</span>  This is example 1 and <samp class="word">--css-code-note</samp> options
      reads 'First word' in paragraph at column 12 and
      renders it differently. You can attache code right after
      this note, which must occupy only one paragraph
    </td>
    </tr>
</table>

    <table class="shade-normal">
    <tr>
    <td class="shade-normal-attrib" valign="top">
    <pre>
      --css-code-note=REGEXP      Regexp matches 'First word'
      --css-code-bg    </pre>
</td>
    </tr>
</table>


<p class="column8">
        Here is example 2 using table control code
        #t2html::tableborder:1

<p>
<table class="shade-normal">
    <tr>
    <td class="shade-normal-attrib" valign="top">
    <pre>
      for ( i = 0; i++; i &lt; 10 )
      {
          //  Doing something in this loop
      }    </pre></td>
    </tr>
</table>


<p class="column8">
        Here is example 3 using table control code
        #t2html::td:bgcolor=#FFEEFF:tableclass:solid

<p>
<table class="solid">
    <tr>
    <td bgcolor="#FFEEFF" valign="top">
    <pre>
      for ( i = 0; i++; i &lt; 10 )
      {
          //  Doing something in this loop
      }    </pre></td>
    </tr>
</table>


<p class="column8">
        Here is example 4 using table control code
        #t2html::td:bgcolor=#CCFFCC

<p>
<table class="shade-normal">
    <tr>
    <td bgcolor="#CCFFCC" valign="top">
    <pre>
      for ( i = 0; i++; i &lt; 10 )
      {
          //  Doing something in this loop
      }    </pre></td>
    </tr>
</table>


<p class="column8">
        Here is example 5 using table control code. Due to bug in
        Opera 7-9.x, this exmaple may now show correctly. Please use
        Firefox to see the effect.
        #t2html::td:bgcolor=#FFFFFF:tableclass:dashed

<p>
<table class="dashed">
    <tr>
    <td bgcolor="#FFFFFF" valign="top">
    <pre>
      for ( i = 0; i++; i &lt; 10 )
      {
          //  Doing something in this loop
      }    </pre></td>
    </tr>
</table>


<p class="column8">
        Here is example 6 using multiple table control codes. Use
        underscore sccharacter to separate different table attributes
        from each other. The underscore will be vconverted into
        SPACE. The double quotes around the VALUE are not strictly
        required by HTML standard, but they are expected in XML.
        #t2html::td:bgcolor=&quot;#EAEAEA&quot;:table:border=1_border=0_cellpadding=&quot;10&quot;_cellspacing=&quot;0&quot;

<p>
<table border=1 border="0 cellpadding=">
    <tr>
    <td bgcolor="#EAEAEA" valign="top">
    <pre>
      for ( i = 0; i++; i &lt; 10 )
      {
          //  Doing something in this loop
      }    </pre></td>
    </tr>
</table>


<p class="column8">
        Here is example 7 using table control code
        #t2html::td:class=color-navy:table:cellpadding=0 which cancels
        default grey coloring. The cellpadding must be zeroed, around
        the text to make room.

<p>
<table cellpadding="0">
    <tr>
    <td class="color-white" valign="top">
    <pre>
      for ( i = 0; i++; i &lt; 10 )
      {
          //  Doing something in this loop
      }    </pre></td>
    </tr>
</table>

<hr>
	<a name="conversion_program"  id="conversion_program"></a>
	<h1>
	Conversion program

	</h1>


<p class="column8">
        The perl program t2html turns the raw technical text format
        into HTML. Among other things it can produce HTML files with
        an index frame, a main frame, and a master that ties the two
        together. It has features too numerous to list to control the
        output. For details see the perldoc than is embeddedinside the
        program:

<p>
<table class="shade-normal">
    <tr>
    <td class="shade-normal-attrib" valign="top">
    <pre>
      perl -S t2html --help | more    </pre></td>
    </tr>
</table>


<p class="column8">
        The frame aware html pages are generated by adding the
        <em class="word">--html-frame</em> option.



<!--    ......................................................................
    DOCUMENT END BLOCK
    ......................................................................
-->

<hr>
<em    class="footer">
<p>
This file has been automatically generated from plain text file with
<a href="http://freecode.com/projects/perl-text2html">t2html</a>
<br>
Last updated: 2008-09-22 02:15<br>
</em    class="footer">
</body>
</html>