Creating HTML Hyperlinks for Work at Home Parents
- 6 Comment
"Circe Offering the Cup to Ulysses" by John William Waterhouse
Creating web pages with hyperlink’s to other relevant content is a common chore for the work-at-home parent. This article will walk you through the basics of creating web pages with hyperlinks. A hyperlink is that highlighted text you see on Web Page, that when clicked takes the end-user to another document or web-page to view related content. More formally, a hyperlink is a directly followable reference that is contained within a HTML document.
Web Development – Setting Up Your Development Environment
The first step is to setup your development environment. To get started, open up Notepad or another text editor on your computer and paste the following code into the blank document to create a blank web page:
<html>
<body>
<h1>My Hyper Linked Heading</h1>
<p>For my first Hyperlink</p>
</body>
</html>
We’ve updated the text from the example in the previous article just to make it relevant to our task of adding hyper linked text.
Web Development – Adding Hyperlinks to Your Web Page
The anchor element in HTML is <a>. It is used to define both hyperlinks as well as HTML anchors. To give you a few more definitions to keep track of, an anchor is the area or text from where the hyperlink can be clicked or selected by the user. The target is where the hyperlink is going to take the user (either another webpage, file to download, or a different part of the same HTML document). The href attribute is the third one to get down at the start of web authoring. HREF defines the uniform resource locator (or link address) for the hyperlink that you are creating. To create your first Web Page with hyperlinks following these directions:
Steps:
Step 1 – Select a web page to link to from your paragraph text in the web page you are editing in your text editor. Modify your paragraph line to the following code:
<p><a href=”http://www.javanx3d.com/”> For my first Hyperlink!</a></p>
Step 2 – Save your test Web page to your computer and open in a web browser. The complete code should look like:
<html>
<body>
<h1>My Hyper Linked Heading</h1>
<p><a href=”http://www.javanx3d.com/”> For my first Hyperlink!</a></p>
</body>
</html>
The Test Page With HyperLink Built
That’s it! You can now incorporate hyper-links to your web pages! If you missed out on previous articles walking you through the basics of HTML for the work at home parent, hyperlinks are included at the bottom of this article.
Previous Web Authoring for Work at Home Parents Articles:
HTML Basics for Work at Home Parents
Adding Images to Web Pages for the Work at Home Parent
No related posts.
Related posts brought to you by Yet Another Related Posts Plugin.
6 Comments on this post
Trackbacks
-
Patriotic plates said:
I am new to HTML, and I've been asked to create a box that simply includes the links inside the box, but I don't know how to do this. HELP!
May 16th, 2009 at 2:55 pm -
College Football DVD said:
This beneficial blog…wow !!!!
May 25th, 2010 at 12:18 am -
Ibiza Hen Weekend said:
I have a Flash object where hyperlinks work when run from flash. After inserting object to html, links do not work. (When I am using IE, click on flash link – and copy – I get the correct link, but when clicking to the link, it does not open a new window and go to the address.)
December 22nd, 2010 at 2:15 am -
Custom Cricket Kits said:
How can I add HTML or hyperlinks to the Yahoo Calendar reminders? I would like the e-mails I receive to have a link to another site when appropriate. Thanks for the info… Yobrokerboy.
December 24th, 2010 at 5:26 am -
Cast Iron Radiators said:
I have a Flash object where hyperlinks work when run from flash. After inserting object to html, links do not work. (When I am using IE, click on flash link – and copy – I get the correct link,
January 5th, 2011 at 2:17 am -
cabinets tampa said:
I am an established english writer, planning to venture out into online freelancing. I have heard a lot of bad press about websites who advertise for freelance writing jobs and then don't pay the writer after getting the work done. Can anybody share info about a few good reliable companies/websites with whom they have first hand experience of working as a freelance writer?
March 31st, 2011 at 11:37 pm
