HTML Text Examples

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.

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

More info: <h1>, <h2>, <h4>, <h4>, <h5>, and <h6>.

<p>Normal paragraph text.</p>

More info: HTML <p> tag

I feel a line break coming... <br /> ...up.

More info: <br>

<b>Bold text.</b>

More info: <b>

<i>Italic text.</i>

More info: <i>

<p style="color:#B22222">Color text and <span style="color:limegreen;">another color</span>, and now back to the same. Oh, and here's a <span style="background-color:PaleGreen;">different background color</span> just in case you need it!</p>

More info: HTML Color, CSS color Property, CSS background-color Property, Text Color, CSS Color Codes.

<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>

More info: Font Size Code, HTML Text, CSS font-size Property.

<p style="font-family:Georgia, Garamond, Serif;">Preferred serif font.</p>

More info: CSS font-family, Font Code.

<pre>Preformatted text 
displays just 
  as you 
type it...
  ...line breaks,
   spaces... 
  ...and all!	
</pre>

More info: <pre>

<tt>Teletype text - sometimes referred to as typewriter text.</tt>

More info: <tt>

<cite>Citation text.</cite>

More info: <cite>

<em>Emphasized text.</em>

More info: <em>

<code style="color:black">Code text.</code>

More info: <code>

<big>Big text.</big>

More info: <big>

<small>Small text.</small>

More info: <small>

<p>Here's a blockquote:</p>
<blockquote>Contents should not be swallowed. This is due to the enormous amount of harmful chemicals that has gone into this burger.</blockquote>
<p>That was a blockquote.</p>

More info: <blockquote>

<del>Delete this text.</del>

More info: <del>

<ins>Insert this text.</ins>

More info: <ins>

<kbd>Keyboard text - text to be entered by the user.</kbd>

More info: <kbd>

<q>Quotation text.</q>

More info: <q>

<samp>Sample text (output from a computer program).</samp>

More info: <samp>

<var>Variable text.</var>

More info: <var>

<dfn>Definition.</dfn>: To define the meaning of a word, phrase or term.

More info: <dfn>

Web.QHMIT.com

HTML Text Examples

Related