{"id":7513,"date":"2013-01-28T11:20:57","date_gmt":"2013-01-28T11:20:57","guid":{"rendered":"http:\/\/vskills.in\/certification\/tutorial\/?p=7513"},"modified":"2024-04-12T14:17:01","modified_gmt":"2024-04-12T08:47:01","slug":"hyperlinks-and-named-anchors","status":"publish","type":"page","link":"https:\/\/www.vskills.in\/certification\/tutorial\/hyperlinks-and-named-anchors\/","title":{"rendered":"Hyperlinks and Named anchors"},"content":{"rendered":"

Hyperlink is an element in an electronic document that points to another place in the same document or to an entirely different document.<\/p>\n

Usually, hyperlink is clicked to follow the link associated with it. Hyperlinks are the most essential ingredient of all hypertext systems, including the World Wide Web.<\/p>\n

Source anchor<\/strong> – A hyperlink has an anchor, which is the location in a document from where the hyperlink can be followed; the document containing a hyperlink is known as its source document. A source anchor is the starting point of the link usually the clickable text or image.<\/p>\n

Destination anchor<\/strong> – The source anchor points to a destination anchor, usually another file, whose location is specified by the href attribute in the source anchor. The target of a hyperlink can be another document, or location within the same document, to which the hyperlink leads. Users can activate and follow the link, usually by clicking on the anchor with a mouse or any other pointing device. A destination anchor is used only to link to a specific part of a page.<\/p>\n

Using < a > Tag for Creating Links<\/strong> – Hyperlinks have a starting point known as the source, and a finishing point known as the destination; and both are called anchors.<\/p>\n

A link on a web page that is clicked is specified using the <a> tag. Anything between the opening <a> tag and the closing <\/a> tag becomes part of the link and a user can click that part to reach to the linked document. Syntax to use the tag is<\/p>\n

<a href=” Target Document URL” …more attributes> Information <\/a><\/p>\n

This tag is also called as anchor tag. Anything between the opening <a> tag and the closing <\/a> tag becomes part of the link and a user can click that part to reach to the linked document as shown in the figure<\/p>\n

\"Hyperlinks<\/p>\n

Using href Attribute<\/strong> – Text or image contained between the opening <a> tag and closing <\/a> tag becomes hypertext that user clicks on. The destination URL to which the user is taken to is specified as the value of the href attribute in source anchor.<\/p>\n

By default, the link is underlined and in blue text as shown<\/p>\n\n\n\n
HTML code<\/strong>

<\/p>\n

 <\/p>\n

<a href=\u201dhttp:\/\/www.vskills.in\/\u201d>Click for Vskills Web site<\/a><\/p>\n<\/td>\n

Browser output<\/strong>

<\/p>\n

\"Hyperlinks<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Named anchor<\/strong> \u2013 It is used for creating links to a specific part of the present web page by using the \u2018name\u2019 attribute in the source anchor. Anchors are like bookmarks within a web page. Each bookmark has to be UNIQUE, so to jump to that bookmark unique name is given in \u2018name\u2019 attribute as<\/p>\n

<a name=”my_unique_bookmark”>Jump here using links elsewhere on this page<\/a><\/p>\n

This is the destination anchor or the section on the web page where user will come on clicking the source anchor.<\/p>\n

A link is put to this \u2018unique_bookmark\u2019 at the top (or bottom or wherever) by using the unique bookmark name preceded by a ‘#’ symbol in the href attribute to jump to that bookmark as<\/p>\n

<a href=”#my_unique_bookmark”>Click HERE to jump to my bookmark<\/a><\/p>\n\n\n

Back to Tutorial<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Hyperlink is an element in an electronic document that points to another place in the same document or to an entirely different document. Usually, hyperlink is clicked to follow the link associated with it. Hyperlinks are the most essential ingredient of all hypertext systems, including the World Wide Web. Source anchor – A hyperlink has…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[3352],"tags":[2752,2750,2751,2762],"class_list":["post-7513","page","type-page","status-publish","hentry","category-dhtml-and-javascript","tag-dhtml-and-java-script","tag-dhtml-and-java-script-developer","tag-dhtml-and-javascript-developer-certification","tag-hyperlinks-and-named-anchors"],"acf":[],"yoast_head":"\nHyperlinks and Named anchors - Tutorial<\/title>\n<meta name=\"description\" content=\"Hyperlinks and Named anchors. Govt of India Certification for DHTML and Javascript professionals. Get Certified and improve employability. Certification assesses candidates in DHTML.\" \/>\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.vskills.in\/certification\/tutorial\/hyperlinks-and-named-anchors\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hyperlinks and Named anchors - Tutorial\" \/>\n<meta property=\"og:description\" content=\"Hyperlinks and Named anchors. Govt of India Certification for DHTML and Javascript professionals. Get Certified and improve employability. Certification assesses candidates in DHTML.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vskills.in\/certification\/tutorial\/hyperlinks-and-named-anchors\/\" \/>\n<meta property=\"og:site_name\" content=\"Tutorial\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/vskills.in\/\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-12T08:47:01+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/07\/Hyperlinks-and-Named-anchors.png\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/hyperlinks-and-named-anchors\/\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/hyperlinks-and-named-anchors\/\",\"name\":\"Hyperlinks and Named anchors - Tutorial\",\"isPartOf\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/hyperlinks-and-named-anchors\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/hyperlinks-and-named-anchors\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/07\/Hyperlinks-and-Named-anchors.png\",\"datePublished\":\"2013-01-28T11:20:57+00:00\",\"dateModified\":\"2024-04-12T08:47:01+00:00\",\"description\":\"Hyperlinks and Named anchors. Govt of India Certification for DHTML and Javascript professionals. Get Certified and improve employability. Certification assesses candidates in DHTML.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/hyperlinks-and-named-anchors\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.vskills.in\/certification\/tutorial\/hyperlinks-and-named-anchors\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/hyperlinks-and-named-anchors\/#primaryimage\",\"url\":\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/07\/Hyperlinks-and-Named-anchors.png\",\"contentUrl\":\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/07\/Hyperlinks-and-Named-anchors.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/hyperlinks-and-named-anchors\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hyperlinks and Named anchors\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#website\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\",\"name\":\"Tutorial\",\"description\":\"Vskills - A initiative in elearning and certification\",\"publisher\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.vskills.in\/certification\/tutorial\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#organization\",\"name\":\"Vskills\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg\",\"contentUrl\":\"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg\",\"width\":73,\"height\":55,\"caption\":\"Vskills\"},\"image\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/vskills.in\/\",\"https:\/\/x.com\/vskills_in\",\"https:\/\/www.linkedin.com\/company-beta\/1371554\/\",\"https:\/\/www.youtube.com\/channel\/UCMWnscxPwRF_PqXo9B7q_Tw\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Hyperlinks and Named anchors - Tutorial","description":"Hyperlinks and Named anchors. Govt of India Certification for DHTML and Javascript professionals. Get Certified and improve employability. Certification assesses candidates in DHTML.","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.vskills.in\/certification\/tutorial\/hyperlinks-and-named-anchors\/","og_locale":"en_US","og_type":"article","og_title":"Hyperlinks and Named anchors - Tutorial","og_description":"Hyperlinks and Named anchors. Govt of India Certification for DHTML and Javascript professionals. Get Certified and improve employability. Certification assesses candidates in DHTML.","og_url":"https:\/\/www.vskills.in\/certification\/tutorial\/hyperlinks-and-named-anchors\/","og_site_name":"Tutorial","article_publisher":"https:\/\/www.facebook.com\/vskills.in\/","article_modified_time":"2024-04-12T08:47:01+00:00","og_image":[{"url":"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/07\/Hyperlinks-and-Named-anchors.png","type":"","width":"","height":""}],"twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/hyperlinks-and-named-anchors\/","url":"https:\/\/www.vskills.in\/certification\/tutorial\/hyperlinks-and-named-anchors\/","name":"Hyperlinks and Named anchors - Tutorial","isPartOf":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/hyperlinks-and-named-anchors\/#primaryimage"},"image":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/hyperlinks-and-named-anchors\/#primaryimage"},"thumbnailUrl":"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/07\/Hyperlinks-and-Named-anchors.png","datePublished":"2013-01-28T11:20:57+00:00","dateModified":"2024-04-12T08:47:01+00:00","description":"Hyperlinks and Named anchors. Govt of India Certification for DHTML and Javascript professionals. Get Certified and improve employability. Certification assesses candidates in DHTML.","breadcrumb":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/hyperlinks-and-named-anchors\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vskills.in\/certification\/tutorial\/hyperlinks-and-named-anchors\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/hyperlinks-and-named-anchors\/#primaryimage","url":"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/07\/Hyperlinks-and-Named-anchors.png","contentUrl":"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/07\/Hyperlinks-and-Named-anchors.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/hyperlinks-and-named-anchors\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vskills.in\/certification\/tutorial\/"},{"@type":"ListItem","position":2,"name":"Hyperlinks and Named anchors"}]},{"@type":"WebSite","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#website","url":"https:\/\/www.vskills.in\/certification\/tutorial\/","name":"Tutorial","description":"Vskills - A initiative in elearning and certification","publisher":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vskills.in\/certification\/tutorial\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#organization","name":"Vskills","url":"https:\/\/www.vskills.in\/certification\/tutorial\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/","url":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg","contentUrl":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg","width":73,"height":55,"caption":"Vskills"},"image":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/vskills.in\/","https:\/\/x.com\/vskills_in","https:\/\/www.linkedin.com\/company-beta\/1371554\/","https:\/\/www.youtube.com\/channel\/UCMWnscxPwRF_PqXo9B7q_Tw"]}]}},"_links":{"self":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/7513","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/comments?post=7513"}],"version-history":[{"count":7,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/7513\/revisions"}],"predecessor-version":[{"id":121629,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/7513\/revisions\/121629"}],"wp:attachment":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/media?parent=7513"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/categories?post=7513"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/tags?post=7513"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}