{"id":1322,"date":"2009-03-31T22:48:39","date_gmt":"2009-03-31T14:48:39","guid":{"rendered":"http:\/\/www.janleow.com\/life\/?p=1322"},"modified":"2009-03-31T22:48:39","modified_gmt":"2009-03-31T14:48:39","slug":"make-your-own-web-site-19-anchors-links","status":"publish","type":"post","link":"https:\/\/www.janleow.com\/life\/make-your-own-web-site-19-anchors-links.html","title":{"rendered":"Anchors and links. A HREF HTML tags. How to make connections from one web page to another"},"content":{"rendered":"<p>Links are like the flow lines in the internet world. Links are one of the more important aspects when you make your own web site. Without links in your web site, you would consider your web site as dead. No way to move from one page to another page saves if your visitor knows the exact URL address to find the web page.<\/p>\n<p>\nHow you link your pages from your main index page right down to each page is known as your as web site structure. The ideal way is like the shape of a pyramid starting from the main index and from that moving out to each topic and from each topic move out to subtopics and so on and so forth. The pyramid style is best as it helps to order the information into sections for easier navigation of your topics. However in a blog style web site where postings are done chronologically, some structure can be imparted to it by the use of category and tags.<\/p>\n<p><!--more--><\/p>\n<table border=\"0\" cellpadding=\"0\" align=\"center\" width=\"505\">\n<tr>\n<td ><object id  =\"flashMovie\"   codeBase =\"http:\/\/download.macromedia.com\/pub\/shockwave\/cabs\/flash\/swflash.cab#version=5,0,0,0\"   height   =\"367\"   width    =\"505 \"   classid  =\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" VIEWASTEXT>   <PARAM NAME=\"_cx\"                VALUE=\"26\">   <PARAM NAME=\"_cy\"                VALUE=\"26\">   <PARAM NAME=\"FlashVars\"          VALUE=\"csConfigFile=19_config.xml\">   <PARAM NAME=\"Movie\"              VALUE=\"19_controller.swf?csConfigFile=19_config.xml\">   <PARAM NAME=\"Src\"                VALUE=\"19_controller.swf?csConfigFile=19_config.xml\">   <PARAM NAME=\"WMode\"              VALUE=\"Window\">   <PARAM NAME=\"Loop\"               VALUE=\"false\">   <PARAM NAME=\"Quality\"            VALUE=\"high\">   <PARAM NAME=\"SAlign\"             VALUE=\"\">   <PARAM NAME=\"Menu\"               VALUE=\"-1\">   <PARAM NAME=\"Base\"               VALUE=\"\">   <PARAM NAME=\"AllowScriptAccess\"  VALUE=\"always\">   <PARAM NAME=\"DeviceFont\"         VALUE=\"0\">   <PARAM NAME=\"EmbedMovie\"         VALUE=\"0\">   <PARAM NAME=\"BGColor\"            VALUE=\"#FFFFFF\">   <PARAM NAME=\"SWRemote\"           VALUE=\"\">   <PARAM NAME=\"MovieData\"          VALUE=\"\">   <PARAM NAME=\"SeamlessTabbing\"    VALUE=\"1\">   <\/OBJECT>  <\/td>\n<\/tr>\n<\/table>\n<p><center><script type=\"text\/javascript\"><!--\ngoogle_ad_client = \"pub-5685769204706262\";\ngoogle_alternate_color = \"eeeecc\";\ngoogle_ad_width = 468;\ngoogle_ad_height = 60;\ngoogle_ad_format = \"468x60_as\";\ngoogle_ad_type = \"text\";\n\/\/2007-08-06: JanLeow.com Blogs (Content)\ngoogle_ad_channel = \"5832813811\";\ngoogle_color_border = \"FFFFFF\";\ngoogle_color_bg = \"FFFFFF\";\ngoogle_color_link = \"003399\";\ngoogle_color_text = \"000000\";\ngoogle_color_url = \"808080\";\ngoogle_ui_features = \"rc:0\";\n\/\/--><\/script><script type=\"text\/javascript\"\n  src=\"http:\/\/pagead2.googlesyndication.com\/pagead\/show_ads.js\">\n<\/script><\/center><br clear=\"all\"><\/p>\n<p>\nHowever there are also times when you attempt to structure your web site, you find a subtopic would into more than one main topic, and as such you could cross reference from each related topic. And to further complicated the structure sometime you can consider to link to any web page based on the topic of the article at hand. This is ok, so long as you know that page which you created remains in existence. Thus for myself, once a web page is created, I will try as far best as I can to never delete that page because you never know a web page somewhere in your web site might reference to it. In addition, external sites may also reference directly to such page and thus it is always a good idea that once a web page is created it should never be deleted.\n<\/p>\n<p>\nThe creation of a link is simple and it goes:\n<\/p>\n<p>\n&lt;a href=&#8221;xxxx&#8221;&gt;Link explanation&lt;\/a&gt;\n<\/p>\n<p>\nWhere xxxx is the URL which is referenced.\n<\/p>\n<p>\nIt can be absolute, ie the complete URL eg http:\/\/www.etc.com\/something.html\n<\/p>\n<p>\nOr it can be relative, ie just the web page URL eg something.html\n<\/p>\n<p>\nIf the web page is stored in a subfolder, include the folder when using relative referencing eg subfolder\/something.html\n<\/p>\n<p>\nWhen using relative referencing which points to a file in some other folder, one must be very careful to know when to include the subfolder and when to use the double period to refer to a folder prior to the current one. If the links seem to break and it takes too long to figure out the relative position, then stick back to using full URL which never goes wrong (unless you made a typo. Watch out! Blank spaces can throw your link reference askew!).\n<\/p>\n<p>\nThere are more to just straight linking. The normal link would open the connecting link in the same window of your browser. In case of a link taking the visitor away from your web site, you may consider opening the external link onto a new window. So that they can still easily refer or return to your web site after they visited the link which you introduced to your visitor. To do that include the element <i>target=&#8221;_blank&#8221;<\/i> as per below example:\n<\/p>\n<p>\n&lt;a href=&#8221;http:\/\/www.goingsomewhere.com&#8221; target=&#8221;_blank&#8221;&gt;Going Somewhere&lt;\/a&gt;\n<\/p>\n<p>\nYou can also create a link anchor within your web page so that the visitor could jump straight to the point of your article within your web page. This is useful if your article is exceedingly long and you want to provide the visitor for a way to jump to a section within the page they are in.<br \/>\nTo make it work, you will need to make an anchor within the web page. Then create a link to jump to that anchor.\n<\/p>\n<p>\nTo make the anchor in your web page:\n<\/p>\n<p>\n&lt;a name=&#8221;anchorname&#8221;&gt;Anchor Name&lt;\/a&gt;\n<\/p>\n<p>\nAnd to link to it, you make the link thus:\n<\/p>\n<p>\n&lt;a href=&#8221;#anchorname&#8221;&gt;to the Anchor Name&lt;\/a&gt;\n<\/p>\n<p>\nTo link to an anchor located in another web page you use:\n<\/p>\n<p>\n&lt;a href=&#8221;http:\/\/www.website.com\/somewebpage.html#anchorname&#8221;&gt;to the Anchor Name in some web page&lt;\/a&gt;\n<\/p>\n<p>\nYou can also make the link to your email address so that when people click on it, their email program will create a new email letter addressed to your email address. Though it is not advisable to do so due to spambot harvester scavenging for email address like yours to add to their database, and before long your email account would be inundated with spam. A form would be the preferred method if you want visitors to contact you. To create a link to your email address you would code the HTML as:\n<\/p>\n<p>\n&lt;a href=&#8221;mailto:youremail@yourdomain.com&#8221;&gt;your name or something&lt;\/a&gt;\n<\/p>\n<p>\nThat&#8217;s the basics of creating links, so happy linking!\n<\/p>\n<ul>\n<li><a href=\"make-your-own-web-site-15-html-how-it-works.html\">Learning HTML basics<\/a>\n<li><a href=\"make-your-own-web-site-16-text-formatting.html\">HTML Text formatting<\/a>\n<li><a href=\"make-your-own-web-site-17-more-text-formatting.html\">More HTML Text formatting<\/a>\n<li><a href=\"make-your-own-web-site-18-adding-images.html\">Adding images to your website<\/a>\n<li><a href=\"make-your-own-web-site-19-anchors-links.html\">Making links and anchors when you make your own web site<\/a>\n<li><a href=\"make-your-own-web-site-20-tables-rows-columns.html\">Creating tables, rows and columns in your web site<\/a>\n<\/ul>\n<\/p>\n<p><b>More related HTML tutorials<\/b><\/p>\n<ul>\n<li><a href=\"http:\/\/www.janleow.com\/life\/html-basics.html\">Learning HTML codes for building a web page<\/a>\n<li><a href=\"http:\/\/www.janleow.com\/life\/html-01-the-basics.html\">Lesson 1 &#8211; The Basic HTML Tag<\/a>\n<li><a href=\"http:\/\/www.janleow.com\/life\/html-02-creating-a-website-page.html\">Lesson 2 &#8211; Create a website page<\/a>\n<li><a href=\"http:\/\/www.janleow.com\/life\/html-03-text-formatting.html\">Lesson 3 &#8211; Text formatting tags<\/a>\n<li><a href=\"http:\/\/www.janleow.com\/life\/html-04-text-alignment.html\">Lesson 4 &#8211; Aligning the paragraph text<\/a>\n<li><a href=\"http:\/\/www.janleow.com\/life\/html-05-making-ordered-bulleted-list.html\">Lesson 5 &#8211; Making bullet list and numbered list<\/a>\n<li><a href=\"http:\/\/www.janleow.com\/life\/html-06-html-table-codes-border.html\">Lesson 6 &#8211; Create tables in your website<\/a>\n<\/ul><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Links are like the flow lines in the internet world. Links are one of the more important aspects when you make your own web site. Without links in your web site, you would consider your web site as dead. No way to move from one page to another page saves if your visitor knows the &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/www.janleow.com\/life\/make-your-own-web-site-19-anchors-links.html\"> <span class=\"screen-reader-text\">Anchors and links. A HREF HTML tags. How to make connections from one web page to another<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_newsletter_tier_id":0,"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[12],"tags":[83,111,161,162],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p1bS5F-lk","jetpack-related-posts":[{"id":1367,"url":"https:\/\/www.janleow.com\/life\/make-your-own-wordpress-websites.html","url_meta":{"origin":1322,"position":0},"title":"WordPress websites","author":"Jan","date":"1 April 2009","format":false,"excerpt":"After having tried a few CMS software installation, my favourite is still using Wordpress to make your own web sites. Sure it is more like a blogging software than a proper content management system, however even Joomla\/Drupal could be used for blogging. It all depends on how you create the\u2026","rel":"","context":"In &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.janleow.com\/life\/category\/website"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1362,"url":"https:\/\/www.janleow.com\/life\/make-your-own-web-site-the-index-file.html","url_meta":{"origin":1322,"position":1},"title":"Make your web site&#8217;s first page &#8211; the index.html file","author":"Jan","date":"1 April 2009","format":false,"excerpt":"The first page you need to make when you make your web site is the index file. This is the web page where a visitor will be greeted when they key in your web site domain in their browser. You may say this is the entry point to start browsing\u2026","rel":"","context":"In &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.janleow.com\/life\/category\/website"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":708,"url":"https:\/\/www.janleow.com\/life\/building-website-navigation-structure.html","url_meta":{"origin":1322,"position":2},"title":"Building the navigation and structure of a web site","author":"Jan","date":"3 February 2007","format":false,"excerpt":"When you create your web site, freely take note of your navigational design structure. A basic navigational structure is like that of a pyramid as shown in the diagram is the best. With the entry home page as tier one of the web site, trickling down to the tier 2\u2026","rel":"","context":"In &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.janleow.com\/life\/category\/website"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":545,"url":"https:\/\/www.janleow.com\/life\/planning-to-tweak-my-website-again.html","url_meta":{"origin":1322,"position":3},"title":"Planning to tweak my website again","author":"Jan","date":"27 September 2008","format":false,"excerpt":"I have been thinking about it awhile. With so many disparate SQL database and sub web site scattered around this personal domain of mine, I thought of cleaning it up a bit. After all, most of the incoming web site traffic is to this blog anyway. This might also meant\u2026","rel":"","context":"In &quot;Personal&quot;","block_context":{"text":"Personal","link":"https:\/\/www.janleow.com\/life\/category\/personal"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":741,"url":"https:\/\/www.janleow.com\/life\/html-02-creating-a-website-page.html","url_meta":{"origin":1322,"position":4},"title":"HTML Lesson 2: Create the web site page","author":"Jan","date":"19 March 2007","format":false,"excerpt":"The HTML web page is separated into two sections: the head section and body section. Both these section is nested within the HTML tag which identifies the file as HTML code for browsers to recognize it as such. The HEAD section is where you will provide the TITLE of your\u2026","rel":"","context":"In &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.janleow.com\/life\/category\/website"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":683,"url":"https:\/\/www.janleow.com\/life\/make-your-own-website-types.html","url_meta":{"origin":1322,"position":5},"title":"Types of web site you can make","author":"Jan","date":"1 January 2007","format":false,"excerpt":"There are many types of website that you can create. It all depends on what you have in mind before you make your own web site. Website can be very simple or very complicated. But what we want to explore here is creation of a website for the lay person\u2026","rel":"","context":"In &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.janleow.com\/life\/category\/website"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/posts\/1322"}],"collection":[{"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/comments?post=1322"}],"version-history":[{"count":0,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/posts\/1322\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/media?parent=1322"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/categories?post=1322"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/tags?post=1322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}