Simple HTML Mark-up Guide

Simple HTML Markup.

Below you will find some of the most common HTML markup examples that are often used in CMS websites such as Drupal or Wordpress. In order to use the desired code, simply copy and paste the code from the grey boxes into your page, replacing the desired information.

Links

Simple email link

email@yoursite.com

<a href="mailto:email@yoursite.com">email@yoursite.com</a>

Email link with text link

Email Me

<a href="mailto:email@yoursite.com">Email Me</a>

link to another website

Great other website

<a href="COPY AND PASTE URL HERE">Great other website</a>

Link to another website in a new browser window

Great other website

<a href="COPY AND PASTE URL HERE" target="_blank">Great other website</a>

FORMATTING

Line break (displaying text on the next line)

one line
next line

<p> one line <br /> next line </p>

Horizontal rule or line between items

Above line


Below line

Above line <hr /> Below line

Styling - DECORATE YOUR TEXT

Bold text

<strong> Bold text </strong>

Italic text

<em> Italic text </em>

LISTS

Creating an ordered or numbered list

  1. Your List item
  2. Your List item
  3. Your List item
<ol> <li>Your List item</li> <li>Your List item</li> <li>Your List item</li> </ol>

Creating an un-ordered list or bullet points

  • Your List item
  • Your List item
  • Your List item
<ul> <li>Your List item</li> <li>Your List item</li> <li>Your List item</li> </ul>

SYMBOLS

ampersand or 'and' sign
&
&amp;
less-than symbol
<
&lt;
greater-than symbol
>
&gt;
opening double quotes
&ldquo;
closing double quotes
&rdquo;
copyright symbol
©
&copy;
trademark symbol
&trade;
non-breaking space
 
&nbsp;

Want to hire us?

CLIENT RESOURCES

Contact Us

Go to top