Wikipad – Unofficial Coding Documentation

Text Formatting

The list of HTML tags used to format text.

Contents

  1. Bold
    <b>
  2. Italic
    <i>
  3. Strikethrough
    <s>
  4. Highlight
    <mark>
  5. Delete and Insert
    <del>, <ins>
  6. Small
    <small>
  7. Subscript and Superscript
    <sub>, <sup>
  8. Headings
    <h1> to <h6>
  9. Keyboard Input
    <kbd>
  10. Ruby
    <ruby>, <rb>, <rp>, <rt>
  11. Abbreviation
    <abbr>

Bold

Makes text bold.

Demo:

bold
<b>bold</b>

Italic

Makes text italicised.

Demo:

italics
<i>italics</i>

Strikethrough

Used to strike out text.

Demo:

strikethrough
<s>strikethrough</s>

Highlight

Used to highlight text.

Demo:

highlight
<mark>highlight</mark>

Delete and Insert

Used to signify which sections of text have been deleted or inserted respectively.

Demo:

deleted
<del>deleted</del>
inserted
<ins>inserted</ins>

Small

Used to signify smaller text such as side comments.

Demo:

small
<small>small</small>

Subscript and Superscript

Used to apply subscript or superscript to text respectively.

Demo:

Example of subscript text
<sub>subscript</sub>
Example of superscript text
<sup>superscript</sup>

Headings

Used to define and style headings.

Demo:

h1

<h1>h1</h1>

h2

<h2>h2</h2>

h3

<h3>h3</h3>

h4

<h4>h4</h4>
h5
<h5>h5</h5>
h6
<h6>h6</h6>

Keyboard Input

Used to denote a key on the keyboard.

Demo:

To copy press Ctrl + C
<kbd>Ctrl</kbd>

Ruby

Ruby allows for text to be annotated with pronunciations or additional information. It is most commonly used in Japanese and Chinese text.

The base text is written inside of <rb> whilst the annotation to appear above is written inside of <rt>. For browsers which cannot render ruby notation, we use <rp> (Ruby Parantheses) to insert parentheses. For browsers which do support ruby notation, the contents of <rp> are hidden.

Demo:

WWW ( World Wide Web )
<ruby> <rb>WWW</rb> <rp>(</rp> <rt>World Wide Web</rt> <rp>)</rp> </ruby>

How it appears for browsers which do not support <ruby>:

WWW (World Wide Web)

Abbreviation

Used to define an abbreviation or acronym. This element does not apply styles to text unless it is combined with the title attribute.

Demo:

<abbr> with title attribute:
www
<abbr title="World Wide Web">www</abbr>

How it should appear:

Screenshot of an abbreviation element with the text "www" displaying the tooltip "World Wide Web".
<abbr> without title attribute:
www
<abbr>www</abbr>

Back to HTML Reference
Spot something we didn't? Let us know!