Welcome to the Tekeme Studios Blog

This blog will be updated often with tips, contests, coupons, and more! We're still working on getting everything going!

Interested in becoming our friend? Click here to find out more about us!

Enter your email address to receive this blog via e-mail:

Delivered by FeedBurner

Thursday, February 18, 2010

How to Create & Style Links

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!

0 comments: