4 min

Textile Quick Reference - TT

This quick ref found at http://hobix.com/textile/quick.html

<style type="text/css"> TABLE { font-family: georgia, serif; font-size: 10pt; padding: 5px; width: 200px; } TH { padding-top: 10px; } TD { border-top: solid 1px #eee; } H1 { font-size: 18pt; } H4 { color: #999; background-color: #fee; border: solid 1px #caa; margin: 10px 15px 5px 10px; padding: 5px; } P { margin: 2px 5px 2px 5px; } TD.example1 PRE { background-color: #FEE; font-family: georgia, serif; font-size: 8pt; padding: 5px; padding: 5px; } TD.example3 { border: solid 1px #DDD; background-color: #EEE; font-size: 8pt; padding: 5px; } .big { font-size: 12pt; } #big-red { font-size: 12pt; color: red; } #big-red2 { font-size: 15pt; color: red; } </style> </head>
<h1>Textile Quick Reference</h1>
Sections: Writing in Textile | Quick Block Modifiers | Quick Phrase Modifiers | Attributes | Lists | External References | Tables
Writing in Textile
A single paragraph.

Followed by another.
<p>A single paragraph.</p>
<p>Followed by another.</p>
I am very serious.


I am very serious.
<p>I am very serious.</p>
  I am very serious.
I spoke.
And none replied.
<p>I spoke. And none replied.</p>
"Observe!"
<p>“Observe!”</p>
Observe -- very nice!
<p>Observe—very nice!</p>
Observe - tiny and brief.
<p>Observe – tiny and brief.</p>
Observe...
<p>Observe…</p>
Observe: 2 x 2.
<p>Observe: 2×2.</p>
one(TM), two(R), three(C).
<p>one™, two®, three©.</p>
Quick Block Modifiers
h1. Header 1
<h1>Header 1</h1>
h2. Header 2
<h2>Header 2</h2>
h3. Header 3
<h3>Header 3</h3>
An old text

bq. A block quotation.

Any old text
<p>An old text</p>
<p>A block quotation.</p>
<p>Any old text</p>
This is covered elsewhere[1].
<p>This is covered elsewhere<sup>1</sup>.</p>
fn1. Down here, in fact.
<p id="fn1"><sup>1</sup> Down here, in fact.</p>
Quick Phrase Modifiers
I _believe_ every word.
<p>I believe every word.</p>
And then? She *fell*!
<p>And then? She fell!</p>
I __know__.
I **really** __know__.
<p>I know. I really know.</p>
??Cat's Cradle?? by Vonnegut
<p><cite>Cat’s Cradle</cite> by Vonnegut</p>
Convert with @r.to_html@
<p>Convert with r.to_html</p>
I'm -sure- not sure.
<p>I’m sure not sure.</p>
You are a +pleasant+ child.
<p>You are a pleasant child.</p>
a ^2^ + b ^2^ = c ^2^
<p>a <sup>2</sup> + b <sup>2</sup> = c <sup>2</sup></p>
log ~2~ x
<p>log <sub>2</sub> x</p>
I'm %unaware% of most soft drinks.
<p>I’m unaware of most soft drinks.</p>
I'm %{color:red}unaware%
of most soft drinks.
<p>I’m unaware of most soft drinks.</p>
Attributes
p(example1). An example
<p class="example1">An example</p>
p(#big-red). Red here
<p id="big-red">Red here</p>
p(example1#big-red2). Red here
<p class="example1" id="big-red2">Red here</p>
p{color:blue;margin:30px}. Spacey blue
<p style="color:blue;margin:30px;">Spacey blue</p>
p[fr]. rouge
<p lang="fr">rouge</p>
I seriously *{color:red}blushed*
when I _(big)sprouted_ that
corn stalk from my
%[es]cabeza%.
<p>I seriously blushed when I sprouted that corn stalk from my cabeza.</p>
p<. align left
<p style="text-align:left;">align left</p>
p>. align right
<p style="text-align:right;">align right</p>
p=. centered
<p style="text-align:center;">centered</p>
p<>. justified
<p style="text-align:justify;">justified</p>
p(. left ident 1em
<p style="padding-left:1em;">left ident 1em</p>
p((. left ident 2em
<p style="padding-left:2em;">left ident 2em</p>
p))). right ident 3em
<p style="padding-right:3em;">right ident 3em</p>
h2()>. Bingo.
<h2 style="padding-left:1em;padding-right:1em;text-align:right;">Bingo.</h2>
h3()>[no]{color:red}. Bingo
<h3 style="color:red;padding-left:1em;padding-right:1em;text-align:right;" lang="no">Bingo</h3>


a.gsub!( /</, '' )



  a.gsub!( /</, '' )



h3. Sidebar

"Hobix":http://hobix.com/
"Ruby":http://ruby-lang.org/



The main text of the
page goes here and will
stay to the left of the
sidebar.
<h3>Sidebar</h3> <p>Hobix Ruby</p>
<p>The main text of the page goes here and will stay to the left of the sidebar.</p>
Lists
# A first item
# A second item
# A third
<ol> <li>A first item</li> <li>A second item</li> <li>A third</li> </ol>
# Fuel could be:
## Coal
## Gasoline
## Electricity
# Humans need only:
## Water
## Protein
<ol> <li>Fuel could be: <ol> <li>Coal</li> <li>Gasoline</li> <li>Electricity</li> </ol> </li> <li>Humans need only: <ol> <li>Water</li> <li>Protein</li> </ol></li> </ol>
* A first item
* A second item
* A third
    <li>A first item</li> <li>A second item</li> <li>A third</li> </ul>
* Fuel could be:
** Coal
** Gasoline
** Electricity
* Humans need only:
** Water
** Protein
    <li>Fuel could be:
      <li>Coal</li> <li>Gasoline</li> <li>Electricity</li> </ul> </li> <li>Humans need only:
        <li>Water</li> <li>Protein</li> </ul></li> </ul>
External References
I searched "Google":http://google.com.
<p>I searched Google.</p>
I am crazy about "Hobix":hobix
and "it's":hobix "all":hobix I ever
"link to":hobix!

[hobix]http://hobix.com
<p>I am crazy about Hobix and it’s all I ever link to!</p>
!http://hobix.com/sample.jpg!
<p></p>
!lewiki.gif(Lewiki logo.)!
<p>Lewiki logo.</p>
!lewiki.gif!:http://toledotalk.com/lewiki/
<p></p>
!>lewiki.gif!

And others sat all round the small
machine and paid it to sing to them.
<p style="float:right"></p> <p>And others sat all round the small machine and paid it to sing to them.</p>
We use CSS(Cascading Style Sheets).
<p>We use CSS</acronym>.</p>
Tables
| name | age | sex |
| joan | 24 | f |
| archie | 29 | m |
| bella | 45 | f |
name age sex
joan 24 f
archie 29 m
bella 45 f
|_. 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 |
attribute list
align left
align right
center
justify
valign top
bottom
|\2. spans two cols |
| col 1 | col 2 |
spans two cols
col 1 col 2
|/3. spans 3 rows | a |
| b |
| c |
spans 3 rows a
b
c
|{background:#ddd}. Grey cell|
Grey cell
table{border:1px solid black}.
|This|is|a|row|
|This|is|a|row|
This is a row
This is a row
|This|is|a|row|
{background:#ddd}. |This|is|grey|row|
This is a row
This is grey row

From JR's : articles
790 words - 6412 chars - 4 min read
created on
updated on - #
source - versions



A     A     A     A     A

© 2013-2017 JotHut - Online notebook

current date: Nov 17, 2024 - 2:52 a.m. EST