Quick Phrase Modifiers
Strength
Strength can be given to text by surrounding with asterisks. In HTML, this strength appears as bold.
You type
And then? She *fell*!
Resulting HTML
<p>And then? She <strong>fell</strong>!</p>
What appears on the screen
And then? She fell!
Emphasis
Emphasis to text is added by surrounding a phrase with underscores. In HTML, this often appears as italics.
You type
I _believe_ every word.
Resulting HTML
<p>I <em>believe</em> every word.</p>
What appears on the screen
I believe every word.
Citation
Use double question marks to indicate citation. The title of a book, for instance.
You type
??Cat's Cradle?? by Vonnegut
Resulting HTML
<p><cite>Cat’ s Cradle</cite> by Vonnegut</p>
What appears on the screen
Cat's Cradle by Vonnegut
Code and fixed-width text
Code phrases can be surrounded by at-symbols. This is also useful to force a fixed-width font.
You type
Convert with @r.to_html@
Resulting HTML
<p>Convert with <code>r.to_html</code></p>
What appears on the screen
Convert with r.to_html
Deleted / Strike-through
To indicate a passage which has been deleted, surround the passage with hypens.
You type
I'm -sure- not sure.
Resulting HTML
<p>I’ m <del>sure</del> not sure.</p>
What appears on the screen
I'm sure not sure.
Insertion / Underline
Pluses around a passage indicate its insertion.
You type
You are a +pleasant+ child.
Resulting HTML
<p>You are a <ins>pleasant</ins> child.</p>
What appears on the screen
You are a pleasant child.
Superscript
To superscript a phrase, surround with carets.
You type
a ^2^ + b ^2^ = c ^2^
Resulting HTML
<p>a <sup>2</sup> + b <sup>2</sup> = c <sup>2</sup></p>
What appears on the screen
a 2 + b 2 = c 2
Subscript
To subscript, surround with tildes.
You type
log ~2~ x
Resulting HTML
<p>log <sub>2</sub> x</p>
What appears on the screen
log 2 x
In-line text modifiers using CSS attributes
If you find yourself needing to customize the style of a passage, use percent symbols to translate the passage as an HTML span. This way, you can apply style settings using CSS attributes.
You type
I'm %{color:red}unaware% of most soft drinks.
Resulting HTML
<p>I’ m <span style="color:red;">unaware</span> of most soft drinks.</p>
What appears on the screen
I'm unaware of most soft drinks.
