[vc_row][vc_column][vc_column_text]I have a notepad++ file full of handy html code snippets that I use to achieve small but very useful tasks online, below you will find a selection of these.

Below each code example is how it will look when used.

To use simply copy and paste the ones you need into a text editor such as notepad++ which is free, for Windows and far superior to notepad.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”Hyperlink” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:400%20regular%3A400%3Anormal”][vc_column_text]will open in a new window/tab[/vc_column_text][vc_column_text]

<a href="http://igorgriffiths.com/" target="_blank">Marketing with Passion</a>

Marketing with Passion[/vc_column_text][vc_separator][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”Styled Hyperlink” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:400%20regular%3A400%3Anormal”][vc_column_text]Specify the font and color of your link[/vc_column_text][vc_column_text]

<a href="http://igorgriffiths.com/" target="_blank" style="font-family: Comic Sans MS cursive, sans-serif; color: red; font-size: 16px;">Lets Travel Together</a>

Lets Travel Together[/vc_column_text][vc_separator][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”Hyperlink with Image” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:400%20regular%3A400%3Anormal”][vc_column_text]Linking Using an Image, hover over the image and your mouse will change[/vc_column_text][vc_column_text]

<img src="http://igorgriffiths.com/wp-content/uploads/2013/06/thumbs-up-handdrawn-web_sxc_magicmarie.jpg" alt="Complete WordPress Tutorials" width="125" height="125" border="0">

Complete WordPress Tutorials[/vc_column_text][vc_separator][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”Display image” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:400%20regular%3A400%3Anormal”][vc_column_text]Just Display an Image[/vc_column_text][vc_column_text]

<img border="0″ src="http://igorgriffiths.com/wp-content/uploads/2013/06/thumbs-up-handdrawn-web_sxc_magicmarie.jpg" width="125" height="125" alt="Thumbs up for igor Griffiths">

Complete WordPress Tutorials[/vc_column_text][vc_separator][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”Bulletin Board (BB) Code” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:400%20regular%3A400%3Anormal”][vc_column_text]Useful for forum signatures[/vc_column_text][vc_column_text]

[url=http://igor-griffiths.com]Lets Travel Together[/url]

[/vc_column_text][vc_separator][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”Contact me via Email Link” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:400%20regular%3A400%3Anormal”][vc_column_text]Useful for adding into about me pages and profiles, if you click the link below it should open your email client with a pre-filled message, ready to send.[/vc_column_text][vc_column_text]

<a href="mailto:support@igonlinehelp.com?subject=inreased Growth Online ezine&body=Please send me a copy of your new program!">Email Me</a>

Email Me[/vc_column_text][vc_separator][vc_column_text]If there is any other commonly used html code snippets you think I should add to this list then please get in touch[/vc_column_text][/vc_column][/vc_row]