159 lines
2.6 KiB
HTML
159 lines
2.6 KiB
HTML
<h2>HTML</h2>
|
|
<pre><code>I am <b>very</b> serious.
|
|
|
|
<div style="background:#fff">Foo bar</div></code></pre>
|
|
|
|
<h2>Blocks</h2>
|
|
<pre><code>h1. Header 1
|
|
|
|
h2. Header 2
|
|
|
|
h3. Header 3 written on
|
|
multiple lines
|
|
|
|
bq. A block quotation
|
|
on multiple lines.</code></pre>
|
|
|
|
<h2>Footnotes</h2>
|
|
<pre><code>This is covered elsewhere[1].
|
|
|
|
fn1. Down here, in fact.</code></pre>
|
|
|
|
<h2>Structural emphasis</h2>
|
|
<pre><code>I _believe_ every word.
|
|
And then? She *fell*!
|
|
|
|
I __know__.
|
|
I **really** __know__.
|
|
|
|
??Cat's Cradle?? by Vonnegut
|
|
|
|
Convert with @r.to_html@
|
|
|
|
I'm -sure- not sure.
|
|
|
|
You are a +pleasant+ child.
|
|
|
|
a ^2^ + b ^2^ = c ^2^
|
|
log ~2~ x</code></pre>
|
|
|
|
<h2>Block attributes</h2>
|
|
<pre><code>p(example1). An example
|
|
|
|
p(#big-red). Red here
|
|
|
|
p(example1#big-red2). Red here
|
|
|
|
p{color:blue;margin:30px}. Spacey blue
|
|
|
|
p[fr]. rouge</code></pre>
|
|
|
|
<h2>Phrase attributes</h2>
|
|
<pre><code>I seriously *{color:red}blushed*
|
|
when I _(big)sprouted_ that
|
|
corn stalk from my
|
|
%[es]cabeza%.</code></pre>
|
|
|
|
<h2>Phrase alignments and indentation</h2>
|
|
<pre><code>p<. align left
|
|
|
|
p>. align right
|
|
|
|
p=. centered
|
|
|
|
p<>. justified
|
|
|
|
p(. left ident 1em
|
|
|
|
p((. left ident 2em
|
|
|
|
p))). right ident 3em</code></pre>
|
|
|
|
<h2>Attributes and alignments combined</h2>
|
|
<pre><code>h2()>. Bingo.
|
|
|
|
h3()>[no]{color:red}. Bingo</code></pre>
|
|
|
|
<h2>Lists</h2>
|
|
<pre><code># First item
|
|
# Second item
|
|
# Third
|
|
|
|
# Fuel could be:
|
|
## Coal
|
|
## Gasoline
|
|
## Electricity
|
|
# Humans need only:
|
|
## Water
|
|
## Protein
|
|
|
|
* First item
|
|
* Second item
|
|
* Third
|
|
|
|
* Fuel could be:
|
|
** Coal
|
|
** Gasoline
|
|
** Electricity
|
|
* Humans need only:
|
|
** Water
|
|
** Protein
|
|
|
|
#(foo) List can have attributes too
|
|
#{background: red} Red item</code></pre>
|
|
|
|
<h2>Links and images</h2>
|
|
<pre><code>I searched "Google":http://google.com.
|
|
|
|
I am crazy about "Hobix":hobix
|
|
and "it's":hobix "all":hobix I ever
|
|
"link to":hobix!
|
|
|
|
[hobix]http://hobix.com
|
|
|
|
And "(some-link)[en]links":# can have attributes too!
|
|
|
|
!http://redcloth.org/hobix.com/textile/sample.jpg!
|
|
!openwindow1.gif(Bunny.)!
|
|
!openwindow1.gif!:http://hobix.com/
|
|
|
|
!>obake.gif!
|
|
|
|
And others sat all round the small
|
|
machine and paid it to sing to them.</code></pre>
|
|
|
|
<h2>Tables</h2>
|
|
<pre><code>| name | age | sex |
|
|
| joan | 24 | f |
|
|
| archie | 29 | m |
|
|
| bella | 45 | f |
|
|
|
|
|_. name |_. age |_. sex |
|
|
| joan | 24 | f |
|
|
| archie | 29 | m |
|
|
| bella | 45 | f |
|
|
|
|
|_. attribute list |
|
|
|<. align left |
|
|
|>. align right|
|
|
|=. center |
|
|
|<>. justify |
|
|
|^. valign top |
|
|
|~. bottom |
|
|
|
|
|\2. spans two cols |
|
|
| col 1 | col 2 |
|
|
|
|
|/3. spans 3 rows | a |
|
|
| b |
|
|
| c |
|
|
|
|
|{background:#ddd}. Grey cell|
|
|
|
|
table{border:1px solid black}.
|
|
|This|is|a|row|
|
|
|This|is|a|row|
|
|
|
|
|This|is|a|row|
|
|
{background:#ddd}. |This|is|grey|row|</code></pre>
|