{"id":953,"date":"2011-09-02T11:45:49","date_gmt":"2011-09-02T11:45:49","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/2011\/09\/02\/creating-link-new-web-page\/"},"modified":"2025-01-17T14:41:22","modified_gmt":"2025-01-17T19:41:22","slug":"creating-link-new-web-page","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/website\/creating-link-new-web-page\/","title":{"rendered":"Using the Anchor Tag to Create Links"},"content":{"rendered":"

There are two types of links to pages you can create. There is the Internal Link<\/em><\/strong> and the External Link<\/em><\/strong>. An Internal Link<\/em><\/strong> is a link in your site that navigates the visitor to another page in your website. The External Link<\/em><\/strong> navigates the visitor away from your site to another website in the internet (like https:\/\/www.google.com). Below are examples of an external and internal link. The <a><\/code> in an HTML tag called an anchor<\/em>. The anchor can have different attributes inside. The href<\/em>\u00a0attribute is the location the link takes you when clicked.<\/p>\n

Note!<\/strong> If you are using a Content Management System like Drupal, Joomla, WordPress or the Premium Web Builder, you will use their WYSIWYG editor to create links. For more information see the following links.<\/p>\n

Creating an Internal Link in Your Website<\/h2>\n

This first link is the “Internal Link<\/em>“. Internal links reference to a file location on your server. The path to the file location is placed in the “href<\/em>” attribute. To link a page in your own site you reference the location of the file in the href<\/em> attribute. For Example, if you place a file called nextpage.html<\/em> in your public_html for your main domain<\/a>, you simply put the file name like below.<\/p>\n

<a href=\"nextpage.html\">This text will now be a link<\/a><\/pre>\n
To reference a file in a subfolder, you include the subfolder name in the “href<\/em>” attribute For example, if you have nextpage.html<\/em> in a folder called subfolder<\/em>, you will create the link like the following:<\/p>\n
<a href=\"subfolder\/nextpage.html\">This text will now be a link<\/a><\/pre>\n
Important!<\/strong> Don’t forget to close out the tag with the proper closing tag which is <\/a><\/code>. If you don’t close the tag the entire page below the tag will become a hyperlink as well.<\/p>\n
Creating an External Link to Another Site<\/h2>\n
Creating an “External Link<\/em>” only requires you to have the link to the page. If you want to link your site to inmotionhosting.com for example, you would copy the url in the address bar when you are at inmotionhosting.com, and paste the url in the “href<\/em>” of your anchor \/ link like the following:<\/p>\n
<a href=\"https:\/\/www.inmotionhosting.com\">Text that will be a link<\/a><\/pre>\n
This will make the link go to inmostionhosting.com when clicked.<\/p>\n
Basic List of Necessary Anchor Attributes<\/h2>\n
Below is a table on basic anchor tag attributes. There are many more attributes available to use in anchor tags; however we will only cover the basic 4 attributes most commonly used.<\/p>\n\n\n\n\n\n\n\n
Basic Anchor Attributes<\/th>\n<\/tr>\n
href<\/th>\nThis attribute specifies where the link will navigate to.<\/p>\n
<a href=\"nextpage.html\"<\/strong>>This text will now be a link<\/a><\/pre>\n<\/td>\n<\/tr>\n
target<\/th>\nYou can have your links open in a new tab or open in the same window with the target.<\/p>\n
_blank (Opens in a new tab)\n_parent (Opens in the parent frame.)\n_self (Opens in the same window.)\n_top (Opens the same as self except works with frames.)<\/pre>\n
The below is an example of the _blank<\/em>target.<\/p>\n
<a href=\"nextpage.html\" target=\"_blank\"<\/strong>>This text will now be a link<\/a><\/pre>\n<\/td>\n<\/tr>\n
title<\/th>\nShows information about the link. When you hover your mouse over a link with a title tag, a little pop up will display the text in this attribute.<\/p>\n
<a href=\"nextpage.html\" title=\"Click here to see this link\"<\/strong>>This text will now be a link<\/a><\/pre>\n<\/td>\n<\/tr>\n
name<\/th>\nThis is the name of the anchor, This is used for linking to a specific spot in a page. For example, if you want to navigate to the bottom of your web page, you can add a name attribute like:<\/p>\n
<a name=\"bottom\">bottom<\/a><\/pre>\n
When you create this name you can reference your site like:<\/p>\n
https:\/\/example.com\/#bottom<\/pre>\n
Visiting this will send the web surfer to the bottom of your main page.<\/p>\n
<a href=\"nextpage.html\" name=\"location_of_page\"<\/strong>>This text will now be a link<\/a><\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
Please check the next article on Creating an Email Link in your Web page<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"
There are two types of links to pages you can create. There is the Internal Link and the External Link. An Internal Link is a link in your site that navigates the visitor to another page in your website. The External Link navigates the visitor away from your site to another website in the internet Read More ><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4288],"tags":[],"class_list":["post-953","post","type-post","status-publish","format-standard","hentry","category-website"],"acf":[],"yoast_head":"\nUsing the Anchor Tag to Create Links | InMotion Hosting<\/title>\n<meta name=\"description\" content=\"The basics of hyperlinks explained. Learn how to make a basic hyperlink in your webpage.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/support\/website\/creating-link-new-web-page\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using the Anchor Tag to Create Links | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"The basics of hyperlinks explained. Learn how to make a basic hyperlink in your webpage.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/website\/creating-link-new-web-page\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2011-09-02T11:45:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-17T19:41:22+00:00\" \/>\n<meta name=\"author\" content=\"Brad Markle\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brad Markle\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/creating-link-new-web-page\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/creating-link-new-web-page\/\"},\"author\":{\"name\":\"Brad Markle\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5ae05d1210b0ef63c437ccedce2799bf\"},\"headline\":\"Using the Anchor Tag to Create Links\",\"datePublished\":\"2011-09-02T11:45:49+00:00\",\"dateModified\":\"2025-01-17T19:41:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/creating-link-new-web-page\/\"},\"wordCount\":549,\"commentCount\":5,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"articleSection\":[\"Website\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/website\/creating-link-new-web-page\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/creating-link-new-web-page\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/website\/creating-link-new-web-page\/\",\"name\":\"Using the Anchor Tag to Create Links | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"datePublished\":\"2011-09-02T11:45:49+00:00\",\"dateModified\":\"2025-01-17T19:41:22+00:00\",\"description\":\"The basics of hyperlinks explained. Learn how to make a basic hyperlink in your webpage.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/creating-link-new-web-page\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/website\/creating-link-new-web-page\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/creating-link-new-web-page\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using the Anchor Tag to Create Links\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support & Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5ae05d1210b0ef63c437ccedce2799bf\",\"name\":\"Brad Markle\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/bradm\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Using the Anchor Tag to Create Links | InMotion Hosting","description":"The basics of hyperlinks explained. Learn how to make a basic hyperlink in your webpage.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.inmotionhosting.com\/support\/website\/creating-link-new-web-page\/","og_locale":"en_US","og_type":"article","og_title":"Using the Anchor Tag to Create Links | InMotion Hosting","og_description":"The basics of hyperlinks explained. Learn how to make a basic hyperlink in your webpage.","og_url":"https:\/\/www.inmotionhosting.com\/support\/website\/creating-link-new-web-page\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2011-09-02T11:45:49+00:00","article_modified_time":"2025-01-17T19:41:22+00:00","author":"Brad Markle","twitter_card":"summary_large_image","twitter_creator":"@InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"Brad Markle","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/creating-link-new-web-page\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/creating-link-new-web-page\/"},"author":{"name":"Brad Markle","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5ae05d1210b0ef63c437ccedce2799bf"},"headline":"Using the Anchor Tag to Create Links","datePublished":"2011-09-02T11:45:49+00:00","dateModified":"2025-01-17T19:41:22+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/creating-link-new-web-page\/"},"wordCount":549,"commentCount":5,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"articleSection":["Website"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/website\/creating-link-new-web-page\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/creating-link-new-web-page\/","url":"https:\/\/www.inmotionhosting.com\/support\/website\/creating-link-new-web-page\/","name":"Using the Anchor Tag to Create Links | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"datePublished":"2011-09-02T11:45:49+00:00","dateModified":"2025-01-17T19:41:22+00:00","description":"The basics of hyperlinks explained. Learn how to make a basic hyperlink in your webpage.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/creating-link-new-web-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/website\/creating-link-new-web-page\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/creating-link-new-web-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"Using the Anchor Tag to Create Links"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support & Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5ae05d1210b0ef63c437ccedce2799bf","name":"Brad Markle","url":"https:\/\/www.inmotionhosting.com\/support\/author\/bradm\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":null,"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/953","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=953"}],"version-history":[{"count":5,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/953\/revisions"}],"predecessor-version":[{"id":129026,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/953\/revisions\/129026"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=953"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=953"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=953"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}