How to Use HTML Tags for Links

Member

By WebDiva
User-Submitted Article

Article Rating:

(4 Ratings)

Making a link with HTML is easy. I'll take it step by step to make it very simple

Difficulty: Easy

Instructions

Things You'll Need:

A simple text editor like Notepad, or an HTML editor.
A web browser
A little understanding of web pages and HTML tags.

Step 1

Open a new document in your text editor or HTML editor. If using an HTML editor, go to 'Code' or 'Source' view. Save the blank document as "MyLink.html". Make sure the extension is .htm or .html, so the browser will know how to process it.
Step 2

Now we'll add some basic HTML tags. All tags are enclosed in '>' symbols, but I'm going to use '[' and ']' because the eHow editor doesn't allow HTML. Just Change each instance of ']' to '>' and '[' to '<' for your page.
Step 3

MyLink.html code

At the top, put [html] this lets the browser know where the HTML code starts. Below that put [head] - this is where non-visible HTML code goes. Under [head], put: [title] This is My Link Page [/title]. Anything between the opening tag [title] and the closing tag [/title] will appear at the top of the browser window.
Step 4

Below the title, add [/head], to close the head section. Then below that, add [body], then [/body] to close body section, then [/html] to close the HTML section. Between [body] and [/body] is where your link will go, so add a sentence or two there.
Step 5

MyLink.html in browser

Now save the file again as an .html, and open it in a brower window. Admire your work!
Step 6

Link code

Now for your link. All links are opened with [a] and closed with [/a]. But we add some 'properties' to the opening tag to make it work. Any thing between the open and closing tags will show as the link text. The first property we'll add is 'href' and the address of the page we want the link to go to. For this, I'll use my website www.writecraft.net. Note that you must start with "http://" and use a full address for any pages that aren't on the same website as your file.
Step 7

Link in browser

Now, edit your MyLink.html file and put [a href="www. writecraft. net"] Click My Link Here [/a] somewhere between [body] and [/body] and save the file. Open it in a browser window, and there should be your link!