How to make a fancy HTML email signature

Written by katherine johnson
  • Share
  • Tweet
  • Share
  • Pin
  • Email
How to make a fancy HTML email signature
HTML allows you to customise your e-mail signature. (Medioimages/Photodisc/Photodisc/Getty Images)

Creating an HTML e-mail signature will allow you to provide important information to friends, family or business associates without having to type it in every e-mail you send. You can include important contact information, your website address, position within the company and current specials or discounts your business is offering. You can control the way that your e-mail signature looks by customising your HTML e-mail signature with bold fonts and colours. You can also add your social networking and website links to your e-mail signature for further customisation.

Skill level:


  1. 1

    Open Notepad or your favourite plain text editor on your computer.

  2. 2

    Type all of the information you want to include in your e-mail signature. This information could include your name, e-mail address, website link, company name, position within the company, phone number, fax number, cell phone number and links to your social networking profiles.

    The information should look similar to the example below:

    Joe Smith

    Smith Consulting, Inc.

    Phone: (555) 555-5555

    Fax: (555) 555-5555




  3. 3

    Add your desired HTML tags to the text you just typed in your text editor by following the example below.

    <FONT FACE="Arial" COLOR="#000000">

    <H1>Joe Smith</H1>

    <H2>Smith Consulting, Inc.</H2>

    <B>Phone: </B>(555) 555-5555<BR>

    <B>Fax:</B> (555) 555-5555<BR>

    <B>Website:</B> <A HREF=""></A><BR>

    <B>Facebook:</B> <A HREF=""></A><BR>

    <B>Twitter:</B> <A HREF="!/joesmithconsulting">!/joesmithconsulting</A>


    The "<FONT FACE> tag sets the type of font face you wish to use for your text, and the "COLOR" tag sets the colour you wish to use for the text using HEX values. The "<H1>" and "<H2>" tags will make the font larger than the default font size. The "<B>" tag will make your text bold. Add the "<BR>" tag to create a line break. Use the "<A HREF>" tag when adding links to your e-mail signature.

    Do not add the "<HTML>" or "<BODY>" tags to your e-mail signature. Your e-mail program will automatically add these tags if they are needed.

  4. 4

    Copy and paste your new HTML e-mail signature into your favourite e-mail program for future use.

Don't Miss

  • All types
  • Articles
  • Slideshows
  • Videos
  • Most relevant
  • Most popular
  • Most recent

No articles available

No slideshows available

No videos available

By using the site, you consent to the use of cookies. For more information, please see our Cookie policy.