How to Create & Style Links

Posted by Tekeme Studios in Blogger Tips, Latest

For those of you just starting out with HTML or blogging, here are some basic HTML tricks.

Creating Links

Use the following code to create a basic link:
<a href=”LINK GOES HERE”> Text Goes Here <a/>

Use the following code to create a link that opens in a new window:
<a href=”LINK GOES HERE” target=”_blank”> Text Goes Here <a/>

Use the following code to make an image a clickable link:
<a href=”LINK GOES HERE”> <img src=”IMAGE LINK GOES HERE”/> <a/>

Creating Styles for Links
You can create different styles for your links by adding style=”styles here” to your link code. Here’s an example:
<a href=”LINK GOES HERE” style=”font-color:white;”> <img src=”IMAGE LINK GOES HERE”/> <a/>

Here are some different styles to use:
color:COLOR HERE; (to change color)
text-decoration:underline; (to underline link)
text-decoration:blink; (to make blinking link)
text-decoration:none; (to take away an unwanted underline)
font-style:italic; (to make link italic)
font-size:15px; (to change size)
font-family:tahoma; (to change font)
letter-spacing:1px; (to change space between each letter)
word-spacing:10px; (to change space between words)
word-spacing:10px; (to change space between words)

Those should get you started!