HTML Text Examples

Back to HTML Examples List

This page contains HTML examples of text - examples of text-specific code that you can use for your own website.

To use the code, copy it straight from the text box and paste it into your own website. Feel free to modify it as required.

Description	Code	Result
Headings	<!-- HTML codes by Quackit.com --> <h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6> <p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com">Quackit Tutorials</a></p>	Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6
Paragraphs	<!-- HTML codes by Quackit.com --><p>Normal paragraph text.</p>	Normal paragraph text.
Line Break	<!-- HTML codes by Quackit.com -->I feel a line break coming... <br /> ...up.	I feel a line break coming... ...up.
Bold Text	<!-- HTML codes by Quackit.com --><b>Bold text.</b>	Bold text.
Italic Text	<!-- HTML codes by Quackit.com --><i>Italic text.</i>	Italic text.
Color Text	<!-- HTML codes by Quackit.com --><p style="color:#000099">Color text.</p>	Color text.
Text Size	<p style="font-size:18pt">Text size using points.</p> <p style="font-size:18px">Text size using pixels.</p> <p style="font-size:larger">Text size using relative sizes.</p>	Text size using points. Text size using pixels. Text size using relative sizes.
Font Family	<!-- HTML codes by Quackit.com --><p style="font-family:Georgia, Garamond, Serif;">Preferred serif font.</p>	Preferred serif font.
Preformatted Text	<!-- HTML codes by Quackit.com --><pre>Preformatted text displays just as you type it... ...line breaks, spaces and all!</pre>	Preformatted text displays just as you type it... ...line breaks, spaces and all!
Teletype Text	<!-- HTML codes by Quackit.com --><tt>Teletype text - sometimes referred to as typewriter text.</tt>	Teletype text - sometimes referred to as typewriter text.
Citation Text	<!-- HTML codes by Quackit.com --><cite>Citation text.</cite>	Citation text.
Emphasized Text	<!-- HTML codes by Quackit.com --><em>Emphasized text.</em>	Emphasized text.
Code Text	<!-- HTML codes by Quackit.com --><code>Code text.</code>	Code text.
Big Text	<!-- HTML codes by Quackit.com --><big>Big text.</big>	Big text.
Small Text	<!-- HTML codes by Quackit.com --><small>Small text.</small>	Small text.
Blockquote	<!-- HTML codes by Quackit.com -->The label says:<blockquote>Contents should not be swallowed. This is due to the enormous amount of harmful chemicals that has gone into this burger.</blockquote>	The label says: Contents should not be swallowed. This is due to the enormous amount of harmful chemicals that has gone into this burger.
Deleted Text	<!-- HTML codes by Quackit.com --><del>Delete this text.</del>	Delete this text.
Inserted Text	<!-- HTML codes by Quackit.com --><ins>Insert this text.</ins>	Insert this text.
Keyboard Text	<!-- HTML codes by Quackit.com --><kbd>Keyboard text - text to be entered by the user.</kbd>	Keyboard text - text to be entered by the user.
Quotation Text	<!-- HTML codes by Quackit.com --><q>Quotation text.</q>	Quotation text.
Sample Text	<!-- HTML codes by Quackit.com --><samp>Sample text (output from a computer program).</samp>	Sample text (output from a computer program).
Variable Text	<!-- HTML codes by Quackit.com --><var>Variable text.</var>	Variable text.
Definition	<!-- HTML codes by Quackit.com --><dfn>Definition.</dfn>: To define the meaning of a word, phrase or term.	Definition.: To define the meaning of a word, phrase or term.