PageRenderTime 55ms CodeModel.GetById 47ms app.highlight 5ms RepoModel.GetById 1ms app.codeStats 0ms

/samples/css/color.html

http://txt2tags.googlecode.com/
HTML | 348 lines | 295 code | 51 blank | 2 comment | 0 complexity | f2cc6eb8ee6cf82e436d9943deca1ffd MD5 | raw file
  1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2<HTML>
  3<HEAD>
  4<META NAME="generator" CONTENT="http://txt2tags.org">
  5<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
  6<LINK REL="stylesheet" TYPE="text/css" HREF="color.css">
  7<TITLE>TXT2TAGS SAMPLE</TITLE>
  8</HEAD>
  9<BODY>
 10
 11<DIV CLASS="header" ID="header">
 12<H1>TXT2TAGS SAMPLE</H1>
 13<H2>Aurelio Jargas</H2>
 14<H3>10/31/2010</H3>
 15</DIV>
 16
 17<DIV CLASS="toc">
 18
 19  <UL>
 20  <LI><A HREF="#toc1">Introduction</A>
 21  <LI><A HREF="#toc2">Fonts and Beautifiers</A>
 22    <UL>
 23    <LI><A HREF="#toc3">Beautifiers</A>
 24    <LI><A HREF="#toc4">Pre-Formatted Text</A>
 25    <LI><A HREF="#toc5">More Cosmetics</A>
 26    </UL>
 27  <LI><A HREF="#toc6">Lists</A>
 28    <UL>
 29    <LI><A HREF="#toc7">Plain List</A>
 30    <LI><A HREF="#toc8">Numbered List</A>
 31    <LI><A HREF="#toc9">Definition List</A>
 32    </UL>
 33  <LI><A HREF="#toc10">Tables</A>
 34  <LI><A HREF="#toc11">Special Entities</A>
 35    <UL>
 36    <LI><A HREF="#toc12">Images</A>
 37    <LI><A HREF="#toc13">Other</A>
 38    </UL>
 39  </UL>
 40
 41</DIV>
 42<DIV CLASS="body" ID="body">
 43
 44<A NAME="toc1"></A>
 45<H1>Introduction</H1>
 46
 47<P>
 48Welcome to the txt2tags sample file.
 49</P>
 50<P>
 51Here you have examples and a brief explanation of all
 52marks.
 53</P>
 54<P>
 55The first 3 lines of the this file are used as headers,
 56on the following format:
 57</P>
 58
 59<PRE>
 60line1: document title
 61line2: author name, email
 62line3: date, version
 63</PRE>
 64
 65<P>
 66Lines with balanced equal signs = around are titles.
 67</P>
 68
 69<A NAME="toc2"></A>
 70<H1>Fonts and Beautifiers</H1>
 71
 72<P>
 73We have two sets of fonts:
 74</P>
 75<P>
 76The NORMAL type that can be improved with beautifiers.
 77</P>
 78<P>
 79The TYPEWRITER type that uses monospaced font for
 80pre-formatted text.
 81</P>
 82<P>
 83We will now enter on a subtitle...
 84</P>
 85
 86<A NAME="toc3"></A>
 87<H2>Beautifiers</H2>
 88
 89<P>
 90The text marks for beautifiers are simple, just as you
 91type on a plain text email message.
 92</P>
 93<P>
 94We use double *, /, - and _ to represent <B>bold</B>,
 95<I>italic</I>, <S>strike</S> and <U>underline</U>.
 96</P>
 97<P>
 98The <B><I>bold italic</I></B> style is also supported as a
 99combination.
100</P>
101
102<A NAME="toc4"></A>
103<H2>Pre-Formatted Text</H2>
104
105<P>
106We can put a code sample or other pre-formatted text:
107</P>
108
109<PRE>
110  here    is     pre-formatted
111//marks// are  **not**  ``interpreted``
112</PRE>
113
114<P>
115And also, it's easy to put a one line pre-formatted
116text:
117</P>
118
119<PRE>
120prompt$ ls /etc
121</PRE>
122
123<P>
124Or use <CODE>pre-formatted</CODE> inside sentences.
125</P>
126
127<A NAME="toc5"></A>
128<H2>More Cosmetics</H2>
129
130<P>
131Special entities like email (<A HREF="mailto:duh@somewhere.com">duh@somewhere.com</A>) and
132URL (<A HREF="http://www.duh.com">http://www.duh.com</A>) are detected automagically,
133as long as the horizontal line:
134</P>
135
136<HR NOSHADE SIZE=1>
137
138<P>
139^ thin or large v
140</P>
141
142<HR NOSHADE SIZE=5>
143
144<P>
145You can also specify an <A HREF="http://duh.org">explicit link</A>
146with label.
147</P>
148<P>
149And remember,
150</P>
151	<BLOCKQUOTE>
152	A TAB in front of the line does a quotation.
153		<BLOCKQUOTE>
154		More TABs, more depth (if allowed).
155		</BLOCKQUOTE>
156	</BLOCKQUOTE>
157<P>
158Nice.
159</P>
160
161<A NAME="toc6"></A>
162<H1>Lists</H1>
163
164<P>
165A list of items is natural, just putting a <B>dash</B> or
166a <B>plus</B> at the beginning of the line.
167</P>
168
169<A NAME="toc7"></A>
170<H2>Plain List</H2>
171
172<P>
173The dash is the default list identifier. For sublists,
174just add <B>spaces</B> at the beginning of the line. More
175spaces, more sublists.
176</P>
177
178<UL>
179<LI>earth
180  <UL>
181  <LI>america
182    <UL>
183    <LI>south america
184      <UL>
185      <LI>brazil
186        <UL>
187        <LI>how deep can i go?
188        </UL>
189      </UL>
190    </UL>
191  <LI>europe
192    <UL>
193    <LI>lots of countries
194    </UL>
195  </UL>
196<LI>mars
197  <UL>
198  <LI>who knows?
199  </UL>
200</UL>
201
202<P>
203The list ends with <B>two</B> consecutive blank lines.
204</P>
205
206<A NAME="toc8"></A>
207<H2>Numbered List</H2>
208
209<P>
210The same rules as the plain list, just a different
211identifier (plus).
212</P>
213
214<OL>
215<LI>one
216<LI>two
217<LI>three
218  <UL>
219  <LI>mixed lists!
220  <LI>what a mess
221    <OL>
222    <LI>counting again
223    <LI>...
224    </OL>
225  </UL>
226<LI>four
227</OL>
228
229<A NAME="toc9"></A>
230<H2>Definition List</H2>
231
232<P>
233The definition list identifier is a colon, followed by
234the term. The term contents is placed on the next line.
235</P>
236
237<DL>
238<DT>orange</DT><DD>
239  a yellow fruit
240<DT>apple</DT><DD>
241  a green or red fruit
242<DT>other fruits</DT><DD>
243  <UL>
244  <LI>wee!
245  <LI>mixing lists
246    <OL>
247    <LI>again!
248    <LI>and again!
249    </OL>
250  </UL>
251</DL>
252
253<A NAME="toc10"></A>
254<H1>Tables</H1>
255
256<P>
257Use pipes to compose table rows and cells.
258Double pipe at the line beginning starts a heading row.
259Natural spaces specify each cell alignment.
260</P>
261
262<TABLE ALIGN="center" BORDER="1">
263<TR>
264<TH>heading 1</TH>
265<TH>heading 2</TH>
266<TH>heading 3</TH>
267</TR>
268<TR>
269<TD>cell 1.1</TD>
270<TD ALIGN="center">cell 1.2</TD>
271<TD ALIGN="right">cell 1.3</TD>
272</TR>
273<TR>
274<TD>cell 2.1</TD>
275<TD ALIGN="center">cell 2.2</TD>
276<TD ALIGN="right">cell 2.3</TD>
277</TR>
278</TABLE>
279
280<P>
281Without the last pipe, no border:
282</P>
283
284<TABLE ALIGN="center">
285<TR>
286<TH>heading 1</TH>
287<TH>heading 2</TH>
288<TH>heading 3</TH>
289</TR>
290<TR>
291<TD>cell 1.1</TD>
292<TD ALIGN="center">cell 1.2</TD>
293<TD ALIGN="right">cell 1.3</TD>
294</TR>
295<TR>
296<TD>cell 2.1</TD>
297<TD ALIGN="center">cell 2.2</TD>
298<TD ALIGN="right">cell 2.3</TD>
299</TR>
300</TABLE>
301
302<A NAME="toc11"></A>
303<H1>Special Entities</H1>
304
305<P>
306Because things were too simple.
307</P>
308
309<A NAME="toc12"></A>
310<H2>Images</H2>
311
312<P>
313The image mark is as simple as it can be: <CODE>[filename]</CODE>.
314</P>
315                      <center><IMG ALIGN="middle" SRC="../img/photo.jpg" BORDER="0" ALT=""></center>  
316
317<UL>
318<LI>The filename must end in PNG, JPG, GIF, or similar.
319<LI>No spaces inside the brackets!
320</UL>
321
322<A NAME="toc13"></A>
323<H2>Other</H2>
324
325<P>
326The handy <CODE>%%date</CODE> macro expands to the current date.
327</P>
328<P>
329So today is 20101031 on the ISO <CODE>YYYYMMDD</CODE> format.
330</P>
331<P>
332You can also specify the date format with the %? flags,
333as <CODE>%%date(%m-%d-%Y)</CODE> which gives: 10-31-2010.
334</P>
335<P>
336That's all for now.
337</P>
338
339<HR NOSHADE SIZE=1>
340
341<P>
342<IMG ALIGN="left" SRC="../img/t2tpowered.png" BORDER="0" ALT=""> (<A HREF="-">-</A>)
343</P>
344</DIV>
345
346<!-- html code generated by txt2tags 2.6 (http://txt2tags.org) -->
347<!-- cmdline: txt2tags -\-style color.css -o color.html -\-css-sugar -\-toc -t html - -->
348</BODY></HTML>