{"id":1395,"date":"2024-03-07T08:39:48","date_gmt":"2024-03-07T08:39:48","guid":{"rendered":"https:\/\/www.jquell.com\/blog\/?p=1395"},"modified":"2024-03-07T08:39:48","modified_gmt":"2024-03-07T08:39:48","slug":"html-link-code-how-to-create-hyperlinks-with-html-9-examples","status":"publish","type":"post","link":"https:\/\/www.jquell.com\/blog\/html-link-code-how-to-create-hyperlinks-with-html-9-examples\/","title":{"rendered":"HTML Link Code: How to Create Hyperlinks with HTML (+ 9 Examples)"},"content":{"rendered":"<p>Introduction: Hyperlinks are fundamental elements of web development, enabling users to navigate between web pages and access different online resources seamlessly. In HTML, creating hyperlinks is straightforward using the anchor tag (&lt;a&gt;) along with the href attribute. In this blog post, we&#8217;ll explore how to create hyperlinks with HTML, along with nine examples demonstrating various types of links.<\/p>\n<ol>\n<li>Understanding HTML Links: HTML links, also known as hyperlinks or anchor links, allow users to navigate between web pages or access external resources. They are created using the anchor tag (&lt;a&gt;) and the href attribute, which specifies the destination URL of the link.<\/li>\n<li>Syntax of HTML Links: The basic syntax for creating hyperlinks with HTML is as follows:<\/li>\n<\/ol>\n<div class=\"dark bg-gray-950 rounded-md\">\n<div class=\"flex items-center relative text-token-text-secondary bg-token-main-surface-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md\">html<span class=\"\" data-state=\"closed\"><button class=\"flex gap-1 items-center\">Copy code<\/button><\/span><\/div>\n<div class=\"p-4 overflow-y-auto\"><code class=\"!whitespace-pre hljs language-html\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a<\/span> <span class=\"hljs-attr\">href<\/span>=<span class=\"hljs-string\">\"URL\"<\/span>&gt;<\/span>Link Text<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">a<\/span>&gt;<\/span><br \/>\n<\/code><\/div>\n<\/div>\n<p>In this syntax:<\/p>\n<ul>\n<li><code>&lt;a&gt;<\/code> is the anchor tag used to create the hyperlink.<\/li>\n<li><code>href<\/code> is the attribute that specifies the destination URL of the link.<\/li>\n<li>&#8220;URL&#8221; is the web address to which the link points.<\/li>\n<li>&#8220;Link Text&#8221; is the clickable text displayed to users, describing the destination of the link.<\/li>\n<\/ul>\n<ol start=\"3\">\n<li>Examples of HTML Links: Let&#8217;s explore nine examples demonstrating different types of HTML links:<\/li>\n<\/ol>\n<ul>\n<li><strong>External Link:<\/strong><\/li>\n<\/ul>\n<div class=\"dark bg-gray-950 rounded-md\">\n<div class=\"flex items-center relative text-token-text-secondary bg-token-main-surface-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md\">html<span class=\"\" data-state=\"closed\"><button class=\"flex gap-1 items-center\">Copy code<\/button><\/span><\/div>\n<div class=\"p-4 overflow-y-auto\"><code class=\"!whitespace-pre hljs language-html\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a<\/span> <span class=\"hljs-attr\">href<\/span>=<span class=\"hljs-string\">\"https:\/\/www.example.com\"<\/span>&gt;<\/span>Visit Example<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">a<\/span>&gt;<\/span><br \/>\n<\/code><\/div>\n<\/div>\n<ul>\n<li><strong>Internal Link (Relative URL):<\/strong><\/li>\n<\/ul>\n<div class=\"dark bg-gray-950 rounded-md\">\n<div class=\"flex items-center relative text-token-text-secondary bg-token-main-surface-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md\">html<span class=\"\" data-state=\"closed\"><button class=\"flex gap-1 items-center\">Copy code<\/button><\/span><\/div>\n<div class=\"p-4 overflow-y-auto\"><code class=\"!whitespace-pre hljs language-html\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a<\/span> <span class=\"hljs-attr\">href<\/span>=<span class=\"hljs-string\">\"\/about.html\"<\/span>&gt;<\/span>About Us<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">a<\/span>&gt;<\/span><br \/>\n<\/code><\/div>\n<\/div>\n<ul>\n<li><strong>Anchor Link (Page Section):<\/strong><\/li>\n<\/ul>\n<div class=\"dark bg-gray-950 rounded-md\">\n<div class=\"flex items-center relative text-token-text-secondary bg-token-main-surface-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md\">html<span class=\"\" data-state=\"closed\"><button class=\"flex gap-1 items-center\">Copy code<\/button><\/span><\/div>\n<div class=\"p-4 overflow-y-auto\"><code class=\"!whitespace-pre hljs language-html\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a<\/span> <span class=\"hljs-attr\">href<\/span>=<span class=\"hljs-string\">\"#section-id\"<\/span>&gt;<\/span>Jump to Section<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">a<\/span>&gt;<\/span><br \/>\n<\/code><\/div>\n<\/div>\n<ul>\n<li><strong>Email Link (mailto):<\/strong><\/li>\n<\/ul>\n<div class=\"dark bg-gray-950 rounded-md\">\n<div class=\"flex items-center relative text-token-text-secondary bg-token-main-surface-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md\">html<span class=\"\" data-state=\"closed\"><button class=\"flex gap-1 items-center\">Copy code<\/button><\/span><\/div>\n<div class=\"p-4 overflow-y-auto\"><code class=\"!whitespace-pre hljs language-html\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a<\/span> <span class=\"hljs-attr\">href<\/span>=<span class=\"hljs-string\">\"mailto:info@example.com\"<\/span>&gt;<\/span>Email Us<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">a<\/span>&gt;<\/span><br \/>\n<\/code><\/div>\n<\/div>\n<ul>\n<li><strong>Telephone Link (tel):<\/strong><\/li>\n<\/ul>\n<div class=\"dark bg-gray-950 rounded-md\">\n<div class=\"flex items-center relative text-token-text-secondary bg-token-main-surface-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md\">html<span class=\"\" data-state=\"closed\"><button class=\"flex gap-1 items-center\">Copy code<\/button><\/span><\/div>\n<div class=\"p-4 overflow-y-auto\"><code class=\"!whitespace-pre hljs language-html\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a<\/span> <span class=\"hljs-attr\">href<\/span>=<span class=\"hljs-string\">\"tel:+123456789\"<\/span>&gt;<\/span>Call Us<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">a<\/span>&gt;<\/span><br \/>\n<\/code><\/div>\n<\/div>\n<ul>\n<li><strong>Open Link in New Tab (target=&#8221;_blank&#8221;):<\/strong><\/li>\n<\/ul>\n<div class=\"dark bg-gray-950 rounded-md\">\n<div class=\"flex items-center relative text-token-text-secondary bg-token-main-surface-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md\">html<span class=\"\" data-state=\"closed\"><button class=\"flex gap-1 items-center\">Copy code<\/button><\/span><\/div>\n<div class=\"p-4 overflow-y-auto\"><code class=\"!whitespace-pre hljs language-html\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a<\/span> <span class=\"hljs-attr\">href<\/span>=<span class=\"hljs-string\">\"https:\/\/www.example.com\"<\/span> <span class=\"hljs-attr\">target<\/span>=<span class=\"hljs-string\">\"_blank\"<\/span>&gt;<\/span>Visit Example (Opens in New Tab)<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">a<\/span>&gt;<\/span><br \/>\n<\/code><\/div>\n<\/div>\n<ul>\n<li><strong>Image Link:<\/strong><\/li>\n<\/ul>\n<div class=\"dark bg-gray-950 rounded-md\">\n<div class=\"flex items-center relative text-token-text-secondary bg-token-main-surface-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md\">html<span class=\"\" data-state=\"closed\"><button class=\"flex gap-1 items-center\">Copy code<\/button><\/span><\/div>\n<div class=\"p-4 overflow-y-auto\"><code class=\"!whitespace-pre hljs language-html\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a<\/span> <span class=\"hljs-attr\">href<\/span>=<span class=\"hljs-string\">\"https:\/\/www.example.com\"<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">img<\/span> <span class=\"hljs-attr\">src<\/span>=<span class=\"hljs-string\">\"image.jpg\"<\/span> <span class=\"hljs-attr\">alt<\/span>=<span class=\"hljs-string\">\"Image\"<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">a<\/span>&gt;<\/span><br \/>\n<\/code><\/div>\n<\/div>\n<ul>\n<li><strong>Download Link:<\/strong><\/li>\n<\/ul>\n<div class=\"dark bg-gray-950 rounded-md\">\n<div class=\"flex items-center relative text-token-text-secondary bg-token-main-surface-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md\">html<span class=\"\" data-state=\"closed\"><button class=\"flex gap-1 items-center\">Copy code<\/button><\/span><\/div>\n<div class=\"p-4 overflow-y-auto\"><code class=\"!whitespace-pre hljs language-html\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a<\/span> <span class=\"hljs-attr\">href<\/span>=<span class=\"hljs-string\">\"document.pdf\"<\/span> <span class=\"hljs-attr\">download<\/span>&gt;<\/span>Download Document<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">a<\/span>&gt;<\/span><br \/>\n<\/code><\/div>\n<\/div>\n<ul>\n<li><strong>Link with Title Attribute:<\/strong><\/li>\n<\/ul>\n<div class=\"dark bg-gray-950 rounded-md\">\n<div class=\"flex items-center relative text-token-text-secondary bg-token-main-surface-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md\">html<span class=\"\" data-state=\"closed\"><button class=\"flex gap-1 items-center\">Copy code<\/button><\/span><\/div>\n<div class=\"p-4 overflow-y-auto\"><code class=\"!whitespace-pre hljs language-html\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a<\/span> <span class=\"hljs-attr\">href<\/span>=<span class=\"hljs-string\">\"https:\/\/www.example.com\"<\/span> <span class=\"hljs-attr\">title<\/span>=<span class=\"hljs-string\">\"Visit Example\"<\/span>&gt;<\/span>Example<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">a<\/span>&gt;<\/span><br \/>\n<\/code><\/div>\n<\/div>\n<ol start=\"4\">\n<li>Best Practices for HTML Links: When creating HTML links, consider the following best practices:<\/li>\n<\/ol>\n<ul>\n<li>Use descriptive and meaningful anchor text.<\/li>\n<li>Ensure links are visually distinguishable from regular text.<\/li>\n<li>Use relative URLs for internal links whenever possible.<\/li>\n<li>Use the &#8220;title&#8221; attribute to provide additional information about the link.<\/li>\n<li>Avoid using &#8220;nofollow&#8221; attributes for internal links to facilitate crawling and indexing by search engines.<\/li>\n<\/ul>\n<p>Conclusion: Hyperlinks are essential elements of web development, enabling seamless navigation between web pages and access to various online resources. By understanding how to create hyperlinks with HTML and employing best practices, web developers can enhance the user experience and improve website navigation. Experiment with different types of HTML links and leverage them effectively to create engaging and interactive web experiences for users.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction: Hyperlinks are fundamental elements of web development, enabling users to navigate between web pages and access different online resources seamlessly. In HTML, creating hyperlinks is straightforward using the anchor tag (&lt;a&gt;) along with the href attribute. In this blog post, we&#8217;ll explore how to create hyperlinks with HTML, along with nine examples demonstrating various &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/www.jquell.com\/blog\/html-link-code-how-to-create-hyperlinks-with-html-9-examples\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;HTML Link Code: How to Create Hyperlinks with HTML (+ 9 Examples)&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-1395","post","type-post","status-publish","format-standard","hentry","category-seo","entry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>HTML Link Code: How to Create Hyperlinks with HTML (+ 9 Examples) -<\/title>\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.jquell.com\/blog\/html-link-code-how-to-create-hyperlinks-with-html-9-examples\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML Link Code: How to Create Hyperlinks with HTML (+ 9 Examples) -\" \/>\n<meta property=\"og:description\" content=\"Introduction: Hyperlinks are fundamental elements of web development, enabling users to navigate between web pages and access different online resources seamlessly. In HTML, creating hyperlinks is straightforward using the anchor tag (&lt;a&gt;) along with the href attribute. In this blog post, we&#8217;ll explore how to create hyperlinks with HTML, along with nine examples demonstrating various &hellip; Continue reading &quot;HTML Link Code: How to Create Hyperlinks with HTML (+ 9 Examples)&quot;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jquell.com\/blog\/html-link-code-how-to-create-hyperlinks-with-html-9-examples\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-07T08:39:48+00:00\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.jquell.com\/blog\/html-link-code-how-to-create-hyperlinks-with-html-9-examples\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.jquell.com\/blog\/html-link-code-how-to-create-hyperlinks-with-html-9-examples\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/www.jquell.com\/blog\/#\/schema\/person\/031ef85fcf5eaa5f7055e5edd4bbcc33\"},\"headline\":\"HTML Link Code: How to Create Hyperlinks with HTML (+ 9 Examples)\",\"datePublished\":\"2024-03-07T08:39:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.jquell.com\/blog\/html-link-code-how-to-create-hyperlinks-with-html-9-examples\/\"},\"wordCount\":378,\"commentCount\":0,\"articleSection\":[\"SEO\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.jquell.com\/blog\/html-link-code-how-to-create-hyperlinks-with-html-9-examples\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.jquell.com\/blog\/html-link-code-how-to-create-hyperlinks-with-html-9-examples\/\",\"url\":\"https:\/\/www.jquell.com\/blog\/html-link-code-how-to-create-hyperlinks-with-html-9-examples\/\",\"name\":\"HTML Link Code: How to Create Hyperlinks with HTML (+ 9 Examples) -\",\"isPartOf\":{\"@id\":\"https:\/\/www.jquell.com\/blog\/#website\"},\"datePublished\":\"2024-03-07T08:39:48+00:00\",\"author\":{\"@id\":\"https:\/\/www.jquell.com\/blog\/#\/schema\/person\/031ef85fcf5eaa5f7055e5edd4bbcc33\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.jquell.com\/blog\/html-link-code-how-to-create-hyperlinks-with-html-9-examples\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.jquell.com\/blog\/html-link-code-how-to-create-hyperlinks-with-html-9-examples\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.jquell.com\/blog\/html-link-code-how-to-create-hyperlinks-with-html-9-examples\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.jquell.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML Link Code: How to Create Hyperlinks with HTML (+ 9 Examples)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.jquell.com\/blog\/#website\",\"url\":\"https:\/\/www.jquell.com\/blog\/\",\"name\":\"jquell\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.jquell.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.jquell.com\/blog\/#\/schema\/person\/031ef85fcf5eaa5f7055e5edd4bbcc33\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/424d9acf701625983d06461b57a07fcec388725b33ce375c4aa53fed2a5ca316?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/424d9acf701625983d06461b57a07fcec388725b33ce375c4aa53fed2a5ca316?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/424d9acf701625983d06461b57a07fcec388725b33ce375c4aa53fed2a5ca316?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\/\/www.jquell.com\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML Link Code: How to Create Hyperlinks with HTML (+ 9 Examples) -","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.jquell.com\/blog\/html-link-code-how-to-create-hyperlinks-with-html-9-examples\/","og_locale":"en_US","og_type":"article","og_title":"HTML Link Code: How to Create Hyperlinks with HTML (+ 9 Examples) -","og_description":"Introduction: Hyperlinks are fundamental elements of web development, enabling users to navigate between web pages and access different online resources seamlessly. In HTML, creating hyperlinks is straightforward using the anchor tag (&lt;a&gt;) along with the href attribute. In this blog post, we&#8217;ll explore how to create hyperlinks with HTML, along with nine examples demonstrating various &hellip; Continue reading \"HTML Link Code: How to Create Hyperlinks with HTML (+ 9 Examples)\"","og_url":"https:\/\/www.jquell.com\/blog\/html-link-code-how-to-create-hyperlinks-with-html-9-examples\/","article_published_time":"2024-03-07T08:39:48+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.jquell.com\/blog\/html-link-code-how-to-create-hyperlinks-with-html-9-examples\/#article","isPartOf":{"@id":"https:\/\/www.jquell.com\/blog\/html-link-code-how-to-create-hyperlinks-with-html-9-examples\/"},"author":{"name":"admin","@id":"https:\/\/www.jquell.com\/blog\/#\/schema\/person\/031ef85fcf5eaa5f7055e5edd4bbcc33"},"headline":"HTML Link Code: How to Create Hyperlinks with HTML (+ 9 Examples)","datePublished":"2024-03-07T08:39:48+00:00","mainEntityOfPage":{"@id":"https:\/\/www.jquell.com\/blog\/html-link-code-how-to-create-hyperlinks-with-html-9-examples\/"},"wordCount":378,"commentCount":0,"articleSection":["SEO"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.jquell.com\/blog\/html-link-code-how-to-create-hyperlinks-with-html-9-examples\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.jquell.com\/blog\/html-link-code-how-to-create-hyperlinks-with-html-9-examples\/","url":"https:\/\/www.jquell.com\/blog\/html-link-code-how-to-create-hyperlinks-with-html-9-examples\/","name":"HTML Link Code: How to Create Hyperlinks with HTML (+ 9 Examples) -","isPartOf":{"@id":"https:\/\/www.jquell.com\/blog\/#website"},"datePublished":"2024-03-07T08:39:48+00:00","author":{"@id":"https:\/\/www.jquell.com\/blog\/#\/schema\/person\/031ef85fcf5eaa5f7055e5edd4bbcc33"},"breadcrumb":{"@id":"https:\/\/www.jquell.com\/blog\/html-link-code-how-to-create-hyperlinks-with-html-9-examples\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jquell.com\/blog\/html-link-code-how-to-create-hyperlinks-with-html-9-examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.jquell.com\/blog\/html-link-code-how-to-create-hyperlinks-with-html-9-examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.jquell.com\/blog\/"},{"@type":"ListItem","position":2,"name":"HTML Link Code: How to Create Hyperlinks with HTML (+ 9 Examples)"}]},{"@type":"WebSite","@id":"https:\/\/www.jquell.com\/blog\/#website","url":"https:\/\/www.jquell.com\/blog\/","name":"jquell","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.jquell.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.jquell.com\/blog\/#\/schema\/person\/031ef85fcf5eaa5f7055e5edd4bbcc33","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/424d9acf701625983d06461b57a07fcec388725b33ce375c4aa53fed2a5ca316?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/424d9acf701625983d06461b57a07fcec388725b33ce375c4aa53fed2a5ca316?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/424d9acf701625983d06461b57a07fcec388725b33ce375c4aa53fed2a5ca316?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/www.jquell.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.jquell.com\/blog\/wp-json\/wp\/v2\/posts\/1395","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jquell.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jquell.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jquell.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jquell.com\/blog\/wp-json\/wp\/v2\/comments?post=1395"}],"version-history":[{"count":1,"href":"https:\/\/www.jquell.com\/blog\/wp-json\/wp\/v2\/posts\/1395\/revisions"}],"predecessor-version":[{"id":1396,"href":"https:\/\/www.jquell.com\/blog\/wp-json\/wp\/v2\/posts\/1395\/revisions\/1396"}],"wp:attachment":[{"href":"https:\/\/www.jquell.com\/blog\/wp-json\/wp\/v2\/media?parent=1395"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jquell.com\/blog\/wp-json\/wp\/v2\/categories?post=1395"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jquell.com\/blog\/wp-json\/wp\/v2\/tags?post=1395"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}