The list of HTML tags used to format text.
Contents
- Bold
<b>
- Italic
<i>
- Strikethrough
<s>
- Highlight
<mark>
- Delete and Insert
<del>
,<ins>
- Small
<small>
- Subscript and Superscript
<sub>
,<sup>
- Headings
<h1>
to<h6>
- Keyboard Input
<kbd>
- Ruby
<ruby>
,<rb>
,<rp>
,<rt>
- 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 <ruby> <rb>WWW</rb> <rp>(</rp> <rt>World Wide Web</rt> <rp>)</rp> </ruby>
How it appears for browsers which do not support
WWW (World Wide Web)<ruby>
: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>
withtitle
attribute:
www<abbr title="World Wide Web">www</abbr>
How it should appear:
<abbr>
withouttitle
attribute:
www<abbr>www</abbr>