Tealmermaid Designs

web design, coding, and SEO tips and tricks

How to make links


Make a link

The most basic way to expand beyond a single-page site is by creating links to other pages. A simple line of code will allow you to link anywhere you choose with either a text link or an image link. If the page you are linking to is on the same site, use the address of that page ("filename.php"). If it is elsewhere such as another domain, the code will begin with "http://" or "https://". The code http:// stands for "Hypertext Transfer Protocol", and is used to indicate that the page being linked-to is elsewhere. "https://" is "Hypertext Transfer Protocol Secure", which is used for sites with a security certificate (sites processing credit card info, for example).

Make a text link

The code for a text link has the form <a href="http://sitename.com">Site Name</a>.

<a href="http://tealmermaid.com">Tealmermaid Designs</a>

Tealmermaid Designs

Make an image link

The code for a image link has the form <a href="http://sitename.com"><img src="http://sitename.com/img.png"></a>.

<a href="http://tealmermaid.com/index.php"><img
src="http://tealmermaid.com/includes/tealmermaid.png" alt="Tealmermaid Designs"></a>

Tealmermaid Designs

Make a targeted link

If you want your link to open into a new window, add the code target="_new" to your linking code.

<a href="http://tealmermaid.com/index.php" target="new"><Tealmermaid Designs></a>

Tealmermaid Designs