PageRenderTime 28ms CodeModel.GetById 12ms app.highlight 10ms RepoModel.GetById 1ms app.codeStats 0ms

/doc/English/markup.html

http://txt2tags.googlecode.com/
HTML | 413 lines | 314 code | 97 blank | 2 comment | 0 complexity | 34a8cdf953bd139618a526740b34ef84 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="http://txt2tags.org/markup.css">
  7<TITLE>Txt2tags Markup Demo</TITLE>
  8</HEAD>
  9<BODY>
 10
 11<DIV CLASS="header" ID="header">
 12<H1>Txt2tags Markup Demo</H1>
 13<H2>See marks converted to HTML</H2>
 14</DIV>
 15
 16<DIV CLASS="body" ID="body">
 17<table>
 18<tr><th colspan="2">
 19BASIC
 20</th></tr><tr><td class="t2t">
 21
 22<PRE>
 23
 24= Title level 1 =
 25
 26== Title level 2 ==
 27
 28=== Title level 3 ===
 29</PRE>
 30
 31</td><td>
 32
 33<H1>Title level 1</H1>
 34
 35<H2>Title level 2</H2>
 36
 37<H3>Title level 3</H3>
 38
 39</td></tr><tr><td class="t2t">
 40
 41<PRE>
 42
 43+ Numbered Title level 1 +
 44
 45++ Numbered Title level 2 ++
 46
 47+++ Numbered Title level 3 +++
 48</PRE>
 49
 50</td><td>
 51
 52<H1>1. Numbered Title level 1</H1>
 53
 54<H2>1.1. Numbered Title level 2</H2>
 55
 56<H3>1.1.1. Numbered Title level 3</H3>
 57
 58</td></tr><tr><td class="t2t">
 59
 60<PRE>
 61
 62A paragraph is made by one or
 63more lines.
 64
 65A blank line separates them.
 66</PRE>
 67
 68</td><td>
 69<P>
 70A paragraph is made by one or
 71more lines.
 72</P>
 73<P>
 74A blank line separates them.
 75</P>
 76</td></tr><tr><td class="t2t">
 77
 78<PRE>
 79
 80% start a line with
 81a percent sign,
 82% and it will be ignored
 83useful for TODOs!
 84</PRE>
 85
 86</td><td>
 87<P>
 88a percent sign,
 89useful for TODOs!
 90</P>
 91</td></tr><tr><td class="t2t">
 92
 93<PRE>
 94
 95For beautifiers we have **bold**
 96and //italic//.
 97
 98There is also __underline__, --strike--
 99and ``monospaced``.
100</PRE>
101
102</td><td>
103<P>
104For beautifiers we have <B>bold</B>
105and <I>italic</I>.
106</P>
107<P>
108There is also <U>underline</U>, <S>strike</S>
109and <CODE>monospaced</CODE>.
110</P>
111</td></tr><tr><th colspan="2">
112LISTS
113</th></tr><tr><td class="t2t">
114
115<PRE>
116
117- This is a list of items
118- Just use hyphens
119  - More indent opens a sublist
120
121
122Two blank lines close all the lists.
123</PRE>
124
125</td><td>
126
127<UL>
128<LI>This is a list of items
129<LI>Just use hyphens
130  <UL>
131  <LI>More indent opens a sublist
132  </UL>
133</UL>
134
135<P>
136Two blank lines close all the lists.
137</P>
138</td></tr><tr><td class="t2t">
139
140<PRE>
141
142+ Change the hyphen by a plus
143+ And you have a numbered list
144  + Same rules apply
145  +
146+
147An empty item closes the current list.
148</PRE>
149
150</td><td>
151
152<OL>
153<LI>Change the hyphen by a plus
154<LI>And you have a numbered list
155  <OL>
156  <LI>Same rules apply
157  </OL>
158</OL>
159
160<P>
161An empty item closes the current list.
162</P>
163</td></tr><tr><td class="t2t">
164
165<PRE>
166
167: Definition list
168  A list with terms
169: Start term with colon
170  And its definition follows
171:
172</PRE>
173
174</td><td>
175
176<DL>
177<DT>Definition list</DT><DD>
178  A list with terms
179<DT>Start term with colon</DT><DD>
180  And its definition follows
181</DL>
182
183</td></tr><tr><th colspan="2">
184AREAS
185</th></tr><tr><td class="t2t">
186
187<PRE>
188
189	A quoted paragraph is prefixed
190	by a TAB.
191		More TABs, more deep.
192No TAB or blank line, closes quote.
193</PRE>
194
195</td><td>
196	<BLOCKQUOTE>
197	A quoted paragraph is prefixed
198	by a TAB.
199		<BLOCKQUOTE>
200		More TABs, more deep.
201		</BLOCKQUOTE>
202	</BLOCKQUOTE>
203<P>
204No TAB or blank line, closes quote.
205</P>
206</td></tr><tr><td class="t2t">
207
208<PRE>
209
210Verbatim line is nice for commands:
211``` $ cat /etc/passwd | tr : ,
212Just prefix it with 3 backquotes.
213</PRE>
214
215</td><td>
216<P>
217Verbatim line is nice for commands:
218</P>
219
220<PRE>
221$ cat /etc/passwd | tr : ,
222</PRE>
223
224<P>
225Just prefix it with 3 backquotes.
226</P>
227</td></tr><tr><td class="t2t">
228
229<PRE>
230
231```
232  A verbatim area is enclosed
233      inside three backquotes.
234**Marks** are not interpreted
235     and spacing is preserved.
236```
237</PRE>
238
239</td><td>
240
241<PRE>
242  A verbatim area is enclosed
243      inside three backquotes.
244**Marks** are not interpreted
245     and spacing is preserved.
246</PRE>
247
248</td></tr><tr><td class="t2t">
249
250<PRE>
251
252"""
253       A raw area is enclosed
254    inside three doublequotes.
255
256**Marks** are not interpreted
257 and spacing is not preserved.
258"""
259</PRE>
260
261</td><td>
262       A raw area is enclosed
263    inside three doublequotes.
264
265**Marks** are not interpreted
266 and spacing is not preserved.
267</td></tr><tr><td class="t2t">
268
269<PRE>
270
271'''
272&lt;div id="myblock"&gt;
273
274&lt;p style="color:red"&gt;
275A tagged area is enclosed
276inside three single quotes.
277&lt;/p&gt;
278
279&lt;p style="color:blue"&gt;
280No parsing is made inside it,
281useful to insert target code.
282&lt;/p&gt;
283
284&lt;/div&gt;
285'''
286</PRE>
287
288</td><td>
289<div id="myblock">
290
291<p style="color:red">
292A tagged area is enclosed
293inside three single quotes.
294</p>
295
296<p style="color:blue">
297No parsing is made inside it,
298useful to insert target code.
299</p>
300
301</div>
302</td></tr><tr><th colspan="2">
303OTHER
304</th></tr><tr><td class="t2t">
305
306<PRE>
307
308|| Table Heading | Table Heading |
309|          Table |     align     |
310|          lines |      is       |
311|      with cell |     nice!     |
312</PRE>
313
314</td><td>
315
316<TABLE BORDER="1">
317<TR>
318<TH>Table Heading</TH>
319<TH>Table Heading</TH>
320</TR>
321<TR>
322<TD ALIGN="right">Table</TD>
323<TD ALIGN="center">align</TD>
324</TR>
325<TR>
326<TD ALIGN="right">lines</TD>
327<TD ALIGN="center">is</TD>
328</TR>
329<TR>
330<TD ALIGN="right">with cell</TD>
331<TD ALIGN="center">nice!</TD>
332</TR>
333</TABLE>
334
335</td></tr><tr><td class="t2t">
336
337<PRE>
338
339[t2t.png] Left aligned image
340
341Center [t2t.png] aligned
342
343Right aligned [t2t.png]
344</PRE>
345
346</td><td>
347<P>
348<IMG ALIGN="left" SRC="../img/t2tpowered.png" BORDER="0" ALT=""> Left aligned image
349</P>
350<P>
351Center <IMG ALIGN="middle" SRC="../img/t2tpowered.png" BORDER="0" ALT=""> aligned
352</P>
353<P>
354Right aligned <IMG ALIGN="right" SRC="../img/t2tpowered.png" BORDER="0" ALT="">
355</P>
356</td></tr><tr><td class="t2t">
357
358<PRE>
359
360A link is recognized@automaticaly.see?
361
362A [named link www.myurl.com] is easy.
363
364An image [[t2t.png] as-a-link.html].
365</PRE>
366
367</td><td>
368<P>
369A link is <A HREF="mailto:recognized@automaticaly.see">recognized@automaticaly.see</A>?
370</P>
371<P>
372A <A HREF="http://www.myurl.com">named link</A> is easy.
373</P>
374<P>
375An image <A HREF="as-a-link.html"><IMG ALIGN="middle" SRC="../img/t2tpowered.png" BORDER="0" ALT=""></A>.
376</P>
377</td></tr><tr><td class="t2t">
378
379<PRE>
380
381A separator line:
382--------------------
383And a stronger one:
384====================
385(At least 20 chars)
386</PRE>
387
388</td><td>
389<P>
390A separator line:
391</P>
392
393<HR NOSHADE SIZE=1>
394
395<P>
396And a stronger one:
397</P>
398
399<HR NOSHADE SIZE=5>
400
401<P>
402(At least 20 chars)
403</P>
404</td></tr>
405</table>
406<P>
407<A HREF="http://txt2tags.org">Go to the txt2tags website</A>
408</P>
409</DIV>
410
411<!-- html code generated by txt2tags 2.6.585 (http://txt2tags.org) -->
412<!-- cmdline: txt2tags English/markup/markup.t2t -->
413</BODY></HTML>