{"id":1202,"date":"2019-07-17T21:13:19","date_gmt":"2019-07-17T21:13:19","guid":{"rendered":"https:\/\/www.copahost.com\/blog\/?p=1202"},"modified":"2024-10-31T14:42:28","modified_gmt":"2024-10-31T14:42:28","slug":"html-link","status":"publish","type":"post","link":"https:\/\/www.copahost.com\/blog\/html-link\/","title":{"rendered":"HTML Link: The <A> tag"},"content":{"rendered":"<p>Links are found on almost all web pages. By clicking them we can either move from one page to another or scroll to different sections on the same page. A link can be in the form of a text or <a href=\"https:\/\/www.copahost.com\/blog\/html-image\/\">image<\/a>. By default hovering over the link shows a little hand. The <a href=\"https:\/\/www.copahost.com\/blog\/html-link-tag\/\">HTML link<\/a> is also called hyperlink. Links contains a &#8220;href&#8221; attribute which contains <a href=\"https:\/\/www.copahost.com\/blog\/http-vs-https\/\">Http or https<\/a> URL.<br \/>\nTable of contents<\/p>\n<ul>\n<li><a href=\"https:\/\/www.copahost.com\/blog\/html-link\/#topic1\">The basic A tag<\/a><\/li>\n<li><a href=\"https:\/\/www.copahost.com\/blog\/html-link\/#topic2\">HTML Link styling<\/a><\/li>\n<li><a href=\"https:\/\/www.copahost.com\/blog\/html-link\/#topic3\">Href attribute<\/a><\/li>\n<li><a href=\"https:\/\/www.copahost.com\/blog\/html-link\/#topic4\">Target attribute<\/a><\/li>\n<li><a href=\"https:\/\/www.copahost.com\/blog\/html-link\/#topic5\">Title atribute<\/a><\/li>\n<li><a href=\"https:\/\/www.copahost.com\/blog\/html-link\/#topic6\">Internal link with Anchors<\/a><\/li>\n<li><a href=\"https:\/\/www.copahost.com\/blog\/html-link\/#topic7\">Mailto links, to send emails<\/a><\/li>\n<li><a href=\"https:\/\/www.copahost.com\/blog\/html-link\/#topic8\">Links with images<\/a><\/li>\n<li><a href=\"https:\/\/www.copahost.com\/blog\/html-link\/#topic9\">Base Href<\/a><\/li>\n<li><a href=\"https:\/\/www.copahost.com\/blog\/html-link\/#topic10\">Conclusion<\/a><\/li>\n<\/ul>\n<p><iframe title=\"Learn HTML link tag in just 6 minutes. How to insert links in HTML.\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/_emUN1tQ3UM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<h3>The basic &#8220;A&#8221; tag<\/h3>\n<p><strong>&lt;a&gt;<\/strong> tag is defined as a hyperlink in <a href=\"https:\/\/www.copahost.com\/blog\/what-is-html\/\">HTML<\/a> and is also known anchor tag. This is the simple tag which <a href=\"https:\/\/www.copahost.com\/blog\/create-custom-404-error-page-htaccess\/\">creates links in web pages<\/a>.\u00a0 The\u00a0&#8220;href\u201d is the most important attribute of the &lt;a&gt; element which tells us about the destination of the link. The \u201ctarget\u201d attribute of &lt;a&gt; tag defines how to open the link (same page, a new page, or a new window), be default target tag opens the link in the same page.<\/p>\n<p><strong>Example:<\/strong><\/p>\n<pre class=\"lang:default decode:true\">&lt;a href=\"https:\/\/www.instagram.com\"&gt;Instagram&lt;\/a&gt;<\/pre>\n<p><strong>Output:<\/strong><\/p>\n<p><a href=\"https:\/\/www.instagram.com\">Instagram<\/a><br \/>\n<a id=\"topic2\"><\/a><\/p>\n<h3>HTML Link Styling<\/h3>\n<p>By default, a link in all browsers will appear like this:<\/p>\n<ul>\n<li>An unvisited link is underlined and blue<\/li>\n<li>A visited link is underlined and purple<\/li>\n<li>An active link is underlined and red<\/li>\n<\/ul>\n<p>But you can change the color and style of the link by using CSS (Cascading Style Sheet). CSS is used for the styling purpose to make the appearance of the website more presentable. You can apply CSS to any element. You can style the links by using any CSS property such as color, background, font-size, font-style, display, etc depending upon what styles you want for it. Links can also be styled differently depending upon their state. There are four links state<\/p>\n<ul>\n<li><strong>a:link<\/strong> &#8211; normal, unvisited link<\/li>\n<li><strong>a:visited<\/strong> &#8211; links the user has already visited<\/li>\n<li><strong>a:hover<\/strong> &#8211; when user mouse over the link<\/li>\n<li><strong>a:active<\/strong> &#8211; the moment it is clicked or is in focus<\/li>\n<\/ul>\n<p><strong>Example<\/strong><\/p>\n<pre class=\"lang:default decode:true \">&lt;style&gt;\na {color:#fff; background-color:red;}\n&lt;\/style&gt;\n\n&lt;a href=\"https:\/\/www.instagram.com\/ \u201d&gt;Instagram&lt;\/a&gt;<\/pre>\n<p><strong>Output<\/strong><\/p>\n<p><a style=\"color: #fff; background-color: red;\" href=\"https:\/\/www.instagram.com\/\">Instagram <\/a><br \/>\nYou can also specify <a href=\"https:\/\/www.copahost.com\/blog\/font-color-html\/\">HTML font colors<\/a> and <a href=\"https:\/\/www.copahost.com\/blog\/html-background-color\/\">background colors<\/a> for links.<br \/>\n<a id=\"topic3\"><\/a><\/p>\n<h3>Href attribute<\/h3>\n<p>Href is the most important attribute of &lt;a&gt; tag. It helps us to determine the destination of the link or <a href=\"https:\/\/www.copahost.com\/blog\/url\/\">URL<\/a> of the page the link goes to, in other words, it defines the link address. It is used with the &lt;a&gt; tag and without the &#8220;href&#8221; attribute &lt;a&gt; tag is no longer consider a hyperlink. The Href attribute not only gives us information about the link\u2019s destination but it can also link to an element within an &#8220;id&#8221; on the same page. It can also link to the phone number, <a href=\"https:\/\/www.copahost.com\/blog\/email-address-with-my-own-domain\/\">email addresses<\/a> with specified subject and message.<br \/>\n<a id=\"topic4\"><\/a><\/p>\n<h3>Target Attribute<\/h3>\n<p>It is one of the attributes of the &lt;a&gt; tag which determines where the link should be opened. You can open the link on the same page or on the next page depending upon what type of target attribute you use.<\/p>\n<p>These types are: _blank, _self, _parent, _top and framename.<\/p>\n<p><strong>Its syntax examples:<\/strong><\/p>\n<pre class=\"lang:default decode:true\">&lt;a href=\"https:\/\/www.copahost.com\" target=\u201d<\/pre>\n<p><strong>XXX<\/strong><\/p>\n<pre class=\"lang:default decode:true\">\u201d&gt;<\/pre>\n<ul>\n<li><strong>_blank<\/strong>\u00a0 opens the link in new tab<\/li>\n<li><strong>_self\u00a0<\/strong>\u00a0 opens the link in the same tab<\/li>\n<li><strong>_parent\u00a0 \u00a0<\/strong>opens the link in the parent frame<\/li>\n<li><strong>_top<\/strong>\u00a0 opens the link in full body of the window<\/li>\n<li><strong>framename\u00a0 \u00a0 <\/strong>opens the link in another frame inside the same HTML page.<\/li>\n<\/ul>\n<p>Code example to open a link in a new tab:<\/p>\n<pre class=\"lang:default decode:true\">&lt;a href=\"https:\/\/www.instagram.com\/\u201d target=_blank&gt;Instagram&lt;\/a&gt;<\/pre>\n<p>Code example to open a link in the same tab:<\/p>\n<pre class=\"lang:default decode:true \">&lt;a href=\"https:\/\/www.instagram.com\/\u201d target=_self&gt;Instagram&lt;\/a&gt;<\/pre>\n<h3>The link &#8220;Title&#8221; Attribute<\/h3>\n<p>The title attribute is part of the global attribute which means that it can be used on any HTML element. So it gives us extra information about the element when we move the mouse pointer over it. This information is a tooltip text. The title tag can be added to &lt;a&gt; tag by writing the following code<\/p>\n<pre class=\"lang:default decode:true \">&lt;a href=\"http:\/\/www.copahost.com\" title=\"Any title of your choice\"&gt;Link text&lt;\/a&gt;<\/pre>\n<p>When you move the mouse pointer over \u201cHtml tag\u201d the tooltip text will appear as \u201cHypertext Markup Language\u201d<br \/>\n<a id=\"topic6\"><\/a><\/p>\n<h3>Internal link with an anchor<\/h3>\n<p>Href attribute not only link to another website but can also link to a specific element within the page that has been assigned an id. Internal links will move the users from one section of the website to other sections without having to load the page every time and bring users to the exact location on a page. Any element can be assigned an id attribute and we can link with the &lt;a&gt; tag. You can use the ID as an anchor, as per this example:<\/p>\n<pre class=\"lang:default decode:true \">&lt;div id=\"item-1\"&gt;&lt;\/div&gt;<\/pre>\n<p>And then we can create &lt;a&gt; tag to link to the above element by writing the following code<\/p>\n<pre class=\"lang:default decode:true \">&lt;a href=\"#item-1\"&gt;&lt;\/a&gt;<\/pre>\n<p>You can check an example of the anchors, which are used in this article. With <a href=\"#topic1\">this link<\/a> you can go to the top, and with <a href=\"#topic10\">this other link<\/a> you will go to the page bottom.<br \/>\n<a id=\"topic7\"><\/a><\/p>\n<h3>Mailto: HTML links to send an email<\/h3>\n<p>&#8220;mailto&#8221; is a type of hyperlink in HTML use for sending email. mailto is a Uniform Resource Identifier (URI) for email addresses that produce hyperlinks on a website that allows the user to send email to a specific address without copying it and entering it manually. &lt;a&gt; tag is used as email tag by using it with mailto along with the href attribute<\/p>\n<p><strong>Example<\/strong><\/p>\n<pre class=\"lang:default decode:true \">&lt;a href=\"mailto: abc@example.com\"&gt;Send Email&lt;\/a&gt;<\/pre>\n<p>This will open your default email program (of mobile app) to send an email to the address abc@example.com<\/p>\n<p>Note that this option to send email is simple and requires an email application to be installed in your PC or mobile phone. For more complete contact form examples, you can check <a href=\"https:\/\/www.copahost.com\/blog\/html-form\/\">this article about HTML forms<\/a>.<br \/>\n<a id=\"topic8\"><\/a><\/p>\n<h3>Links with images<\/h3>\n<p>You can place links in images, also. For example, by clicking an image you can open the link. It can be achieved by using &lt;img&gt; tag. &lt;img&gt; tag is used for the image purpose when you want to insert certain image in the website.<\/p>\n<p>In order to apply the image as a link we have to write\u00a0 &lt;img&gt; tag within the &lt;a&gt;\u00a0 tag and then choose a certain image which you want to choose as the link. For example, the following HTML link code will place an image with a link:<\/p>\n<pre class=\"lang:default decode:true \">&lt;a href=\u201d https:\/\/www.instagram.com\/\u201d &gt;\n&lt;img scr=\u201dinstagram_logo.jpg\u201d&gt;\n&lt;\/a&gt;<\/pre>\n<p>You can further adjust and style your image by using the style attribute.<br \/>\n<a id=\"topic9\"><\/a><\/p>\n<h3>Base HREF explanation<\/h3>\n<p>You can use the base <a href=\"https:\/\/www.copahost.com\/blog\/meta-tags-html\/\">tag in HTML<\/a> in the head section of an Html document. It simply specifies the relative path used within the website. All the links and images will go through this location automatically. For example, you can add a base tag as shown below:<\/p>\n<pre class=\"lang:default decode:true\">&lt;base href=\"https:\/\/www.website.com\/folder\" target=\"_blank\"&gt;<\/pre>\n<p>And later in the body section we can simply call the image or file name and don&#8217;t have to worry about writing the complete path every time. For example:<\/p>\n<pre class=\"lang:default decode:true \">&lt;img src=\"instagram.jpg\"&gt;<\/pre>\n<p>Now the image tag here will fetch the image from this location: <strong><em>https:\/\/www.website.com\/folder\/instagram.jpg<\/em><\/strong><\/p>\n<p>In another example, by using the base HREF option:<\/p>\n<pre class=\"lang:default decode:true\">&lt;a href=\"page.html\"&gt;My page&lt;\/a&gt;<\/pre>\n<p>This link will open <em><strong>https:\/\/www.website.com\/folder\/page.html<\/strong><\/em><\/p>\n<p>Now, if you want to bypass the Base HREF directive and set a link to an exact page, you must use the full URL in the link. For example:<\/p>\n<pre class=\"lang:default decode:true \">&lt;a href=\"https:\/\/www.website.com\/otherfolder\/page.html\"&gt;My page&lt;\/a&gt;<\/pre>\n<h3>Conclusion<\/h3>\n<p>The &lt;a&gt; tags are the most essential element on the website. Without it, one cannot think of developing a website. Navigation can only be carried out using &lt;a&gt; link tag and there is no other alternative to it in HTML like we have for other Html elements.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Links are found on almost all web pages. By clicking them we can either move from one page to another or scroll to different sections on the same page. A link can be in the form of a text or image. By default hovering over the link shows a little hand. The HTML link is [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2006,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1202","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>HTML Link: The  tag - Copahost<\/title>\n<meta name=\"description\" content=\"All about HTML links. Href tags, Links with images, Mailto links to send emails, Base href link. How to set a style in an HTML link.\" \/>\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.copahost.com\/blog\/html-link\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML Link: The  tag - Copahost\" \/>\n<meta property=\"og:description\" content=\"All about HTML links. Href tags, Links with images, Mailto links to send emails, Base href link. How to set a style in an HTML link.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.copahost.com\/blog\/html-link\/\" \/>\n<meta property=\"og:site_name\" content=\"Copahost\" \/>\n<meta property=\"article:published_time\" content=\"2019-07-17T21:13:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-31T14:42:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.copahost.com\/blog\/wp-content\/uploads\/2019\/07\/html-link.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Gustavo Gallas\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Gustavo Gallas\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.copahost.com\/blog\/html-link\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.copahost.com\/blog\/html-link\/\"},\"author\":{\"name\":\"Gustavo Gallas\",\"@id\":\"https:\/\/www.copahost.com\/blog\/#\/schema\/person\/386b3f1f79299d43f4ceb33d26428246\"},\"headline\":\"HTML Link: The tag\",\"datePublished\":\"2019-07-17T21:13:19+00:00\",\"dateModified\":\"2024-10-31T14:42:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.copahost.com\/blog\/html-link\/\"},\"wordCount\":1276,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.copahost.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.copahost.com\/blog\/html-link\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.copahost.com\/blog\/wp-content\/uploads\/2019\/07\/html-link.jpg\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.copahost.com\/blog\/html-link\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.copahost.com\/blog\/html-link\/\",\"url\":\"https:\/\/www.copahost.com\/blog\/html-link\/\",\"name\":\"HTML Link: The tag - Copahost\",\"isPartOf\":{\"@id\":\"https:\/\/www.copahost.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.copahost.com\/blog\/html-link\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.copahost.com\/blog\/html-link\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.copahost.com\/blog\/wp-content\/uploads\/2019\/07\/html-link.jpg\",\"datePublished\":\"2019-07-17T21:13:19+00:00\",\"dateModified\":\"2024-10-31T14:42:28+00:00\",\"description\":\"All about HTML links. Href tags, Links with images, Mailto links to send emails, Base href link. How to set a style in an HTML link.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.copahost.com\/blog\/html-link\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.copahost.com\/blog\/html-link\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.copahost.com\/blog\/html-link\/#primaryimage\",\"url\":\"https:\/\/www.copahost.com\/blog\/wp-content\/uploads\/2019\/07\/html-link.jpg\",\"contentUrl\":\"https:\/\/www.copahost.com\/blog\/wp-content\/uploads\/2019\/07\/html-link.jpg\",\"width\":1200,\"height\":628},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.copahost.com\/blog\/html-link\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.copahost.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML Link: The tag\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.copahost.com\/blog\/#website\",\"url\":\"https:\/\/www.copahost.com\/blog\/\",\"name\":\"Copahost\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.copahost.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.copahost.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.copahost.com\/blog\/#organization\",\"name\":\"Copahost\",\"url\":\"https:\/\/www.copahost.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.copahost.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.copahost.com\/blog\/wp-content\/uploads\/2016\/03\/copahostlogo.png\",\"contentUrl\":\"https:\/\/www.copahost.com\/blog\/wp-content\/uploads\/2016\/03\/copahostlogo.png\",\"width\":223,\"height\":40,\"caption\":\"Copahost\"},\"image\":{\"@id\":\"https:\/\/www.copahost.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.copahost.com\/blog\/#\/schema\/person\/386b3f1f79299d43f4ceb33d26428246\",\"name\":\"Gustavo Gallas\",\"description\":\"Graduated in Computing at PUC-Rio, Brazil. Specialized in IT, networking, systems administration and human and organizational development\u200b. Also have brewing skills.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/gustavo-gallas-107926196\/\"],\"url\":\"https:\/\/www.copahost.com\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML Link: The  tag - Copahost","description":"All about HTML links. Href tags, Links with images, Mailto links to send emails, Base href link. How to set a style in an HTML link.","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.copahost.com\/blog\/html-link\/","og_locale":"en_US","og_type":"article","og_title":"HTML Link: The  tag - Copahost","og_description":"All about HTML links. Href tags, Links with images, Mailto links to send emails, Base href link. How to set a style in an HTML link.","og_url":"https:\/\/www.copahost.com\/blog\/html-link\/","og_site_name":"Copahost","article_published_time":"2019-07-17T21:13:19+00:00","article_modified_time":"2024-10-31T14:42:28+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/www.copahost.com\/blog\/wp-content\/uploads\/2019\/07\/html-link.jpg","type":"image\/jpeg"}],"author":"Gustavo Gallas","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Gustavo Gallas","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.copahost.com\/blog\/html-link\/#article","isPartOf":{"@id":"https:\/\/www.copahost.com\/blog\/html-link\/"},"author":{"name":"Gustavo Gallas","@id":"https:\/\/www.copahost.com\/blog\/#\/schema\/person\/386b3f1f79299d43f4ceb33d26428246"},"headline":"HTML Link: The tag","datePublished":"2019-07-17T21:13:19+00:00","dateModified":"2024-10-31T14:42:28+00:00","mainEntityOfPage":{"@id":"https:\/\/www.copahost.com\/blog\/html-link\/"},"wordCount":1276,"commentCount":0,"publisher":{"@id":"https:\/\/www.copahost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.copahost.com\/blog\/html-link\/#primaryimage"},"thumbnailUrl":"https:\/\/www.copahost.com\/blog\/wp-content\/uploads\/2019\/07\/html-link.jpg","inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.copahost.com\/blog\/html-link\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.copahost.com\/blog\/html-link\/","url":"https:\/\/www.copahost.com\/blog\/html-link\/","name":"HTML Link: The tag - Copahost","isPartOf":{"@id":"https:\/\/www.copahost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.copahost.com\/blog\/html-link\/#primaryimage"},"image":{"@id":"https:\/\/www.copahost.com\/blog\/html-link\/#primaryimage"},"thumbnailUrl":"https:\/\/www.copahost.com\/blog\/wp-content\/uploads\/2019\/07\/html-link.jpg","datePublished":"2019-07-17T21:13:19+00:00","dateModified":"2024-10-31T14:42:28+00:00","description":"All about HTML links. Href tags, Links with images, Mailto links to send emails, Base href link. How to set a style in an HTML link.","breadcrumb":{"@id":"https:\/\/www.copahost.com\/blog\/html-link\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.copahost.com\/blog\/html-link\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.copahost.com\/blog\/html-link\/#primaryimage","url":"https:\/\/www.copahost.com\/blog\/wp-content\/uploads\/2019\/07\/html-link.jpg","contentUrl":"https:\/\/www.copahost.com\/blog\/wp-content\/uploads\/2019\/07\/html-link.jpg","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https:\/\/www.copahost.com\/blog\/html-link\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.copahost.com\/blog\/"},{"@type":"ListItem","position":2,"name":"HTML Link: The tag"}]},{"@type":"WebSite","@id":"https:\/\/www.copahost.com\/blog\/#website","url":"https:\/\/www.copahost.com\/blog\/","name":"Copahost","description":"","publisher":{"@id":"https:\/\/www.copahost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.copahost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.copahost.com\/blog\/#organization","name":"Copahost","url":"https:\/\/www.copahost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.copahost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.copahost.com\/blog\/wp-content\/uploads\/2016\/03\/copahostlogo.png","contentUrl":"https:\/\/www.copahost.com\/blog\/wp-content\/uploads\/2016\/03\/copahostlogo.png","width":223,"height":40,"caption":"Copahost"},"image":{"@id":"https:\/\/www.copahost.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.copahost.com\/blog\/#\/schema\/person\/386b3f1f79299d43f4ceb33d26428246","name":"Gustavo Gallas","description":"Graduated in Computing at PUC-Rio, Brazil. Specialized in IT, networking, systems administration and human and organizational development\u200b. Also have brewing skills.","sameAs":["https:\/\/www.linkedin.com\/in\/gustavo-gallas-107926196\/"],"url":"https:\/\/www.copahost.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.copahost.com\/blog\/wp-json\/wp\/v2\/posts\/1202","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.copahost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.copahost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.copahost.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.copahost.com\/blog\/wp-json\/wp\/v2\/comments?post=1202"}],"version-history":[{"count":20,"href":"https:\/\/www.copahost.com\/blog\/wp-json\/wp\/v2\/posts\/1202\/revisions"}],"predecessor-version":[{"id":4119,"href":"https:\/\/www.copahost.com\/blog\/wp-json\/wp\/v2\/posts\/1202\/revisions\/4119"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.copahost.com\/blog\/wp-json\/wp\/v2\/media\/2006"}],"wp:attachment":[{"href":"https:\/\/www.copahost.com\/blog\/wp-json\/wp\/v2\/media?parent=1202"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.copahost.com\/blog\/wp-json\/wp\/v2\/categories?post=1202"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.copahost.com\/blog\/wp-json\/wp\/v2\/tags?post=1202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}