{"id":12431,"date":"2020-11-25T15:50:02","date_gmt":"2020-11-25T23:50:02","guid":{"rendered":"https:\/\/careerkarma.com\/blog\/?p=12431"},"modified":"2023-12-01T04:04:59","modified_gmt":"2023-12-01T12:04:59","slug":"hyperlink-in-html","status":"publish","type":"post","link":"https:\/\/careerkarma.com\/blog\/hyperlink-in-html\/","title":{"rendered":"How to Create a Hyperlink in HTML"},"content":{"rendered":"\n<p><em>A HTML hyperlink lets you navigate to a different page. An &lt;a> tag defines an anchor. The &#8220;href&#8221; attribute specifies the location a user will be taken to when they click the link. Between the &lt;a> and closing &lt;\/> tags is the anchor text which will be shown to the user.<\/em><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>When you\u2019re building a web page, you may want to reference another web page or website. For example, you may be creating a blog and want to link to an article that you think is relevant.<\/p>\n\n\n\n<p><em>Hyperlinks<\/em>, or links, are used to connect one web page to another and allow users to move between multiple web pages quickly. <em>Hyperlinks<\/em> can be used to link to other pages on your own site or pages on different websites.<\/p>\n\n\n\n<p>In this guide, we are going to break down the basics of hyperlinking in <em>HTML.<\/em> We&#8217;ll talk about how to set targets for links, how to create anchors for bookmarks, and linking to email addresses and web elements.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<label for=\"ez-toc-cssicon-toggle-item-69e6fe61ddfec\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #000000;color:#000000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #000000;color:#000000\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69e6fe61ddfec\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/careerkarma.com\/blog\/hyperlink-in-html\/#html-hyperlink\" >HTML Hyperlink<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/careerkarma.com\/blog\/hyperlink-in-html\/#html-hyperlink-tag-types\" >HTML Hyperlink Tag Types<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/careerkarma.com\/blog\/hyperlink-in-html\/#hyperlink-html-targets\" >Hyperlink HTML: Targets<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/careerkarma.com\/blog\/hyperlink-in-html\/#hyperlink-html-bookmark-anchors\" >Hyperlink HTML: Bookmark Anchors<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/careerkarma.com\/blog\/hyperlink-in-html\/#html-anchor-tag\" >HTML Anchor Tag<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/careerkarma.com\/blog\/hyperlink-in-html\/#html-anchor-tag-examples\" >HTML Anchor Tag Examples<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/careerkarma.com\/blog\/hyperlink-in-html\/#conclusion\" >Conclusion<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"html-hyperlink\"><\/span>HTML Hyperlink<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>A HTML hyperlink points to another web resource. A hyperlink is defined between an &lt;a&gt; tag and a closing &lt;\/a&gt; tag. The text between these two tags takes a user to the linked web resource when the link is clicked.<\/p>\n\n\n\n<p><em>Hyperlinks<\/em> are created using the <em>&lt;a&gt;<\/em> tag. Here\u2019s the syntax for a <em>hyperlink<\/em> in an <em>HTML<\/em> file:<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>&lt;a href=&quot;your_url&quot;&gt;This text will go to a URL.&lt;\/a&gt;<\/pre><\/div>\n\n\n\n<p>The text between our  tags will link to the URL that we specify in our opening  tag. We use the <em>href<\/em> attribute to choose the target of the URL. This could be an absolute URL or absolute link such as <em>https:\/\/www.careerkarma.com<\/em> or a URL relative to somewhere on our site.<\/p>\n\n\n\n<p>Here is an example of a link that points to the Career Karma home page\u2019s web address:<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>&lt;a href=&quot;https:\/\/www.careerkarma.com&quot;&gt;Career Karma&lt;\/a&gt;<\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><\/h2>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"html-hyperlink-tag-types\"><\/span>HTML Hyperlink Tag Types<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>There are three types of links that may appear in a browser. These are as follows:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><em>Unvisited links<\/em>, which appear in blue<\/li><li><em>Visited links<\/em>, which appear in purple<\/li><li><em>Active links<\/em>, which appear in red<\/li><\/ul>\n\n\n\n<p>Some websites overwrite these colors, which means they appear differently, but those are the main types of links that you can style in <em>HTML<\/em>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"hyperlink-html-targets\"><\/span>Hyperlink HTML: Targets<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>You can change how a link is opened. For example, say you want a link to open in a new tab in the user\u2019s web browser. This will make sure the user does not lose their place on the web page they\u2019re currently viewing.<\/p>\n\n\n\n<p>That\u2019s where the link <em>targetHTML<\/em> attribute comes in. By using the link <em>target<\/em> attribute, you can specify where the browser should open the resource to which you have linked.<\/p>\n\n\n\n<p>There are four types of targets you can use, which are as follows:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><em>_self<\/em>: Visits the web resource in the same window and tab. This is the default target used in <em>HTML<\/em> hyperlinks.<\/li><li><em>_parent<\/em>: Visits the web resource in the parent window.<\/li><li><em>_blank<\/em>: Visits the web resource in a new window or tab.<\/li><li><em>_top<\/em>: Visits the web resource in a full browser window.<\/li><\/ul>\n\n\n\n<p>Here\u2019s an example of a few of these links in action:<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>&lt;a href=&quot;https:\/\/www.careerkarma.com&quot; target=&quot;_self&quot;&gt;This link will open in this tab.&lt;\/a&gt;\n&lt;a href=&quot;https:\/\/www.careerkarma.com&quot; target=&quot;_parent&quot;&gt;This link will open a parent window.&lt;\/a&gt;\n&lt;a href=&quot;https:\/\/www.careerkarma.com&quot; target=&quot;_blank&quot;&gt;This link will open in a new tab.&lt;\/a&gt;\n&lt;a href=&quot;https:\/\/www.careerkarma.com&quot; target=&quot;_top&quot;&gt;This link will open in a full browser window.&lt;\/a&gt;<\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"hyperlink-html-bookmark-anchors\"><\/span>Hyperlink HTML: Bookmark Anchors<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><em>Hyperlinks<\/em> in <em>HTML<\/em> can also reference a specific part of an <em>HTML<\/em> document. This is useful if you have a long web page and want to direct a user to a particular place in the text.<\/p>\n\n\n\n<p>Before you start using bookmark anchors, you first need to define an ID attribute on the element where you want the user to go. Here\u2019s an example of declaring an ID attribute on a title in a web page:<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>&lt;h3 id=&quot;subtitle3&quot;&gt;Subtitle 3&lt;\/h3&gt;<\/pre><\/div>\n\n\n\n<p>We have given the HTML heading tag the id <em>subtitle3<\/em>, which we can then use to reference it in a <em>hyperlink<\/em>. <\/p>\n\n\n\n<p>Here\u2019s an example of a <em>hyperlink<\/em> that references this heading:<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>&lt;a href=&quot;#subtitle3&quot;&gt;Go to Subtitle 3&lt;\/a&gt;<\/pre><\/div>\n\n\n\n<p>Instead of specifying a URL in our <em>href<\/em> tag, we specify the ID of the element we want to link to. We add a hash sign before that id (#) so the browser knows the linked document is on our web page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"html-anchor-tag\"><\/span>HTML Anchor Tag<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>A HTML anchor tag refers to the  tag. This tag links a user to another web resource. The &#8220;href&#8221; attribute defines the resource to which a user will be taken when they click the link.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"html-anchor-tag-examples\"><\/span>HTML Anchor Tag Examples<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Let\u2019s walk through a few examples of using the HTML &lt;a> tag.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Relative URLs<\/h3>\n\n\n\n<p>If you are linking to a resource on the same HTML document as you are developing, you can use a relative URL. Relative URLs are also referred to as local links and do not use the \u201c<a href=\"https:\/\/www.sitename.com\/\" target=\"_blank\" rel=\"noopener\" rel=\"nofollow\">https:\/\/www.sitename.com<\/a>\u201d syntax. Instead, relative URLs point to the file path of a specific web resource on the local server.<\/p>\n\n\n\n<p>Suppose we were creating a link on the Career Karma website which should point to our blog. Instead of using an absolute URL, we could use a local URL, because our site is the Career Karma site. Here\u2019s the code we would use to create this link:<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>&lt;a href=&quot;\/blog&quot;&gt;Career Karma blog&lt;\/a&gt;<\/pre><\/div>\n\n\n\n<p>When we click on the text <em>Career Karma blog<\/em>, we are sent to the <em>\/blog<\/em> resource on our site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Email Address<\/h3>\n\n\n\n<p>The  anchor tag can also be used to link to an email address. When a link to an email address is clicked, the user\u2019s default email program will be opened. The user will be asked if they want to send a message to the email address you have specified.<\/p>\n\n\n\n<p>To link to an email address, we need to start our link with the mailto: protocol. Here\u2019s an example of linking to an email address in HTML:<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>&lt;a href=&quot;mailto:nothing@google.com&quot;&gt;Send an email to us!&lt;\/a&gt;<\/pre><\/div>\n\n\n\n<p>When we click our link, our email program opens up and asks us to email \u201c<a href=\"mailto:nothing@google.com\" target=\"_blank\" rel=\"noopener\" rel=\"nofollow\">nothing@google.com<\/a>\u201d.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Link to an Element<\/h3>\n\n\n\n<p>The anchor tag can link to an element on a web page. You can create this link by specifying the id of the element to which the anchor should point. Suppose we wanted a link to take our user to the heading <em>Test Heading<\/em> on a web page. We could create this link using the following code:<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>&lt;a href=&quot;#test_heading&quot;&gt;Jump to Test Heading&lt;\/a&gt;\n\n&lt;h2 id=&quot;test_heading&quot;&gt;Test Heading&lt;\/h2&gt;<\/pre><\/div>\n\n\n\n<p>When we click on our link, our web page will scroll down to the element with the id <em>test_heading<\/em>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"conclusion\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><em>Hyperlinks<\/em> can be used in HTML to link one web page or resource to another. You can use <em>hyperlinks<\/em> to connect to resources on your site, or on any other website. In this guide, we have broken down how to use <em>hyperlinks<\/em> in an <em>HTML<\/em> document.<\/p>\n\n\n\n<p>With all of this information, you\u2019re ready to create <em>hyperlinks<\/em> in <em>HTML<\/em> like a master!<\/p>\n\n\n\n<p>To learn more about coding in HTML, read our <a href=\"https:\/\/careerkarma.com\/blog\/learn-html\/\">How to Learn HTML guide<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"A HTML hyperlink lets you navigate to a different page. An &lt;a> tag defines an anchor. The \"href\" attribute specifies the location a user will be taken to when they click the link. Between the &lt;a> and closing &lt;\/> tags is the anchor text which will be shown to the user. When you\u2019re building a&hellip;","protected":false},"author":240,"featured_media":12434,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[17281],"tags":[],"class_list":{"0":"post-12431","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-html"},"acf":{"post_sub_title":"","sprint_id":"","query_class":"HTML","school_sft":"","parent_sft":"","school_privacy_policy":"","has_review":null,"is_sponser_post":"","is_guest_post":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>A Guide on How to Make a Hyperlink in HTML | Career Karma<\/title>\n<meta name=\"description\" content=\"Hyperlinks allow web developers to reference another web resource on a web page. Learn how to hyperlink in HTML with this guide.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/careerkarma.com\/blog\/hyperlink-in-html\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create a Hyperlink in HTML\" \/>\n<meta property=\"og:description\" content=\"Hyperlinks allow web developers to reference another web resource on a web page. Learn how to hyperlink in HTML with this guide.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/careerkarma.com\/blog\/hyperlink-in-html\/\" \/>\n<meta property=\"og:site_name\" content=\"Career Karma\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/careerkarmaapp\" \/>\n<meta property=\"article:published_time\" content=\"2020-11-25T23:50:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-01T12:04:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/02\/html-hyperlink.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"James Gallagher\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@career_karma\" \/>\n<meta name=\"twitter:site\" content=\"@career_karma\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"James Gallagher\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/hyperlink-in-html\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/hyperlink-in-html\\\/\"},\"author\":{\"name\":\"James Gallagher\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/e79364792443fbff794a144c67ec8e94\"},\"headline\":\"How to Create a Hyperlink in HTML\",\"datePublished\":\"2020-11-25T23:50:02+00:00\",\"dateModified\":\"2023-12-01T12:04:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/hyperlink-in-html\\\/\"},\"wordCount\":1121,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/hyperlink-in-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/02\\\/html-hyperlink.jpg\",\"articleSection\":[\"HTML\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/careerkarma.com\\\/blog\\\/hyperlink-in-html\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/hyperlink-in-html\\\/\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/hyperlink-in-html\\\/\",\"name\":\"A Guide on How to Make a Hyperlink in HTML | Career Karma\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/hyperlink-in-html\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/hyperlink-in-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/02\\\/html-hyperlink.jpg\",\"datePublished\":\"2020-11-25T23:50:02+00:00\",\"dateModified\":\"2023-12-01T12:04:59+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/e79364792443fbff794a144c67ec8e94\"},\"description\":\"Hyperlinks allow web developers to reference another web resource on a web page. Learn how to hyperlink in HTML with this guide.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/hyperlink-in-html\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/careerkarma.com\\\/blog\\\/hyperlink-in-html\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/hyperlink-in-html\\\/#primaryimage\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/02\\\/html-hyperlink.jpg\",\"contentUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/02\\\/html-hyperlink.jpg\",\"width\":1200,\"height\":675},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/hyperlink-in-html\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML\",\"item\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Create a Hyperlink in HTML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/\",\"name\":\"Career Karma\",\"description\":\"Latest Coding Bootcamp News &amp; Career Hacks from Industry Insiders\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/e79364792443fbff794a144c67ec8e94\",\"name\":\"James Gallagher\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/james-gallagher-150x150.jpg\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/james-gallagher-150x150.jpg\",\"contentUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/james-gallagher-150x150.jpg\",\"caption\":\"James Gallagher\"},\"description\":\"James Gallagher is a self-taught programmer and the technical content manager at Career Karma. He has experience in range of programming languages and extensive expertise in Python, HTML, CSS, and JavaScript. James has written hundreds of programming tutorials, and he frequently contributes to publications like Codecademy, Treehouse, Repl.it, Afrotech, and others.\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/author\\\/jamesgallagher\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"A Guide on How to Make a Hyperlink in HTML | Career Karma","description":"Hyperlinks allow web developers to reference another web resource on a web page. Learn how to hyperlink in HTML with this guide.","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:\/\/careerkarma.com\/blog\/hyperlink-in-html\/","og_locale":"en_US","og_type":"article","og_title":"How to Create a Hyperlink in HTML","og_description":"Hyperlinks allow web developers to reference another web resource on a web page. Learn how to hyperlink in HTML with this guide.","og_url":"https:\/\/careerkarma.com\/blog\/hyperlink-in-html\/","og_site_name":"Career Karma","article_publisher":"http:\/\/facebook.com\/careerkarmaapp","article_published_time":"2020-11-25T23:50:02+00:00","article_modified_time":"2023-12-01T12:04:59+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/02\/html-hyperlink.jpg","type":"image\/jpeg"}],"author":"James Gallagher","twitter_card":"summary_large_image","twitter_creator":"@career_karma","twitter_site":"@career_karma","twitter_misc":{"Written by":"James Gallagher","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/careerkarma.com\/blog\/hyperlink-in-html\/#article","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/hyperlink-in-html\/"},"author":{"name":"James Gallagher","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e79364792443fbff794a144c67ec8e94"},"headline":"How to Create a Hyperlink in HTML","datePublished":"2020-11-25T23:50:02+00:00","dateModified":"2023-12-01T12:04:59+00:00","mainEntityOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/hyperlink-in-html\/"},"wordCount":1121,"commentCount":0,"image":{"@id":"https:\/\/careerkarma.com\/blog\/hyperlink-in-html\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/02\/html-hyperlink.jpg","articleSection":["HTML"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/careerkarma.com\/blog\/hyperlink-in-html\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/careerkarma.com\/blog\/hyperlink-in-html\/","url":"https:\/\/careerkarma.com\/blog\/hyperlink-in-html\/","name":"A Guide on How to Make a Hyperlink in HTML | Career Karma","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/hyperlink-in-html\/#primaryimage"},"image":{"@id":"https:\/\/careerkarma.com\/blog\/hyperlink-in-html\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/02\/html-hyperlink.jpg","datePublished":"2020-11-25T23:50:02+00:00","dateModified":"2023-12-01T12:04:59+00:00","author":{"@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e79364792443fbff794a144c67ec8e94"},"description":"Hyperlinks allow web developers to reference another web resource on a web page. Learn how to hyperlink in HTML with this guide.","breadcrumb":{"@id":"https:\/\/careerkarma.com\/blog\/hyperlink-in-html\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/careerkarma.com\/blog\/hyperlink-in-html\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/hyperlink-in-html\/#primaryimage","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/02\/html-hyperlink.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/02\/html-hyperlink.jpg","width":1200,"height":675},{"@type":"BreadcrumbList","@id":"https:\/\/careerkarma.com\/blog\/hyperlink-in-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/careerkarma.com\/blog\/"},{"@type":"ListItem","position":2,"name":"HTML","item":"https:\/\/careerkarma.com\/blog\/html\/"},{"@type":"ListItem","position":3,"name":"How to Create a Hyperlink in HTML"}]},{"@type":"WebSite","@id":"https:\/\/careerkarma.com\/blog\/#website","url":"https:\/\/careerkarma.com\/blog\/","name":"Career Karma","description":"Latest Coding Bootcamp News &amp; Career Hacks from Industry Insiders","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/careerkarma.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e79364792443fbff794a144c67ec8e94","name":"James Gallagher","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/james-gallagher-150x150.jpg","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/james-gallagher-150x150.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/james-gallagher-150x150.jpg","caption":"James Gallagher"},"description":"James Gallagher is a self-taught programmer and the technical content manager at Career Karma. He has experience in range of programming languages and extensive expertise in Python, HTML, CSS, and JavaScript. James has written hundreds of programming tutorials, and he frequently contributes to publications like Codecademy, Treehouse, Repl.it, Afrotech, and others.","url":"https:\/\/careerkarma.com\/blog\/author\/jamesgallagher\/"}]}},"_links":{"self":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/12431","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/users\/240"}],"replies":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/comments?post=12431"}],"version-history":[{"count":0,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/12431\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media\/12434"}],"wp:attachment":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media?parent=12431"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/categories?post=12431"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/tags?post=12431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}