Handy html Code

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.

Hyperlink

will open in a new window/tab

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

Marketing with Passion

Styled Hyperlink

Specify the font and color of your link

<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

Hyperlink with Image

Linking Using an Image, hover over the image and your mouse will change

<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

Display image

Just Display an Image

<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

Bulletin Board (BB) Code

Useful for forum signatures

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

Contact me via Email Link

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.

<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

If there is any other commonly used html code snippets you think I should add to this list then please get in touch

2 comments

    1. Well hello Kim, not a problem I always have this file to hand because even though I use this code on a regular basis, I still get my underscores, backslashes and quote marks in the wrong order.

Leave a Reply

Your email address will not be published. Required fields are marked *


*