For example, if linking to a website rendered in HTML you could add the attribute type="text/html" to tell a visitor’s browser that the link points to an HTML document. When we add the target attribute and _blank attribute to our link we tell the visitors browser to open the link in a new (blank) browser tab or window. Approved Alignment Methods The float property The margin for centering element is used to define a relationship between an HTML document and an external resource. It can have the following values − _blank − This will open the linked document in a new window. External links point to web pages that aren’t part of our website. An href can do a lot more than just link to another website. 2.1. How To Use The To Make Links & Open Them Where You Want! The answer to this conundrum is the target attribute paired with the _blank value. However, if absolute URLs are used the development team will have to go through the site fixing all of the URLs. While the examples above will produce anchor elements they aren’t of much use since we haven’t included any additional instructions. For example, "#top" is a named anchor that allows the reader to return to the top of the page. For example, if we were linking to a URL and wanted to tell the browser that the destination anchor was in Spanish we would use the appropriate language code in ISO 639-1 format as the value of the hreflang attribute. It’s also a good idea to use the target="_blank" attribute when writing external links. There are three anchor attributes you need to know to create functional hyperlinks. HTML Anchor The HTML anchor tag defines a hyperlink that links one page to another page. Search engines use anchor tags to determine the subject matter of the linked target. For this example link to an anchor on another page, you just need to change href web URL. The hypertext reference, or href, attribute is used to specify a target or destination for the anchor element. In addition, links can be styled differently depending on what state they are in.. Whatever is written between these two tags will feature as a hyperlink on the webpage. Anchor Tag : ... This tag is used to link our webpage to other webpages mainly with the help of "href" attribute.. The hyperlink created by an anchor element is applied to the text, image, or other HTML content nested between the opening and closing tags. The four links states are: a:link - a normal, unvisited link; a:visited - a link the user has visited; a:hover - a link when the user mouses over it; a:active - a link the moment it is clicked The type value must be a valid IANA media type. Ready? For contrast, an anchor named #Under-Foo has also been placed underneath the Examples section header to illustrate why this placement is less desirable: Lastly, if you click the link below a complimentary JavaScript alert window will appear. A URL that is used as an anchor 'www.moz.com' is a naked link anchor. It can be used to link to a resource using a protocol other than http. Here is an example of how we can customise the hyperlink look and feel, change font color, background, font size for every mouse event like hover , mouse out etc. There are two types of resources we can link to using the a element: internal and external. In th… While we certainly want to encourage our visitors to contact us, we don’t want to do so at the expense of sending visitors away from our website. (And Why Is It So Scary? The a (anchor) tag is dead without the attribute.. How to use the tag. So the more links you put on a page, the more diluted the juice passed to each link becomes. The 7 Most Hated Internet Innovations of All Time, 10 Completely Innocent Websites Britain Blocked (And How It Happened), 7 Free Wifi Safety Steps And How To Implement Them [Infographic], What Is Doxing? In this definition, anchor elements occupy their rightful place as the glue that ties the web together and the bridges that allow web users to move from one document to a related document. It can also be used as a link to another document or image. The second is an example of a relative URL. The anchor tags are useful to link pages and move users from one page to another page. Can be used with or without a value: 2. While the download attribute names the file, the href attribute points to the location where the file is hosted. Website visitors who depend on assistive technologies such as screen readers will have a hard time deciphering the meaning of links that make use of generic link text such as “Click Here”. The attribute refers to a destination provided by a link. Here’s that code again: While that link is useful, the way it opens isn’t ideal. Right now these anchor elements link to nothing. Anchor Tag example. Learn: In this article we will learn about Anchor Tag and some of its attributes with Example in HTML. With just the three attributes we’ve covered so far, you can complete every hyperlinking task you will encounter on the web. If we render that code in the browser, when a visitor clicks the link it will open in a new tab. What that relative URL will do is tell the browser to look in the current folder for a file named large.php and will resolve to this URL: http://example.com/products/red-product/large.php. The above example contains the link with inserted mailto mail id in an anchor tag. The source is the text, image, or button that links to another resource and the destination is the resource that the source anchor links to. Whether you’re linking specific post-click landing page elements or setting up an entire link menu, you can’t go wrong with anchor tags on your post-click landing pages. External links may be recommended, required, or just best-practice to provide proper attribution to the source of an idea or a resource. An anchor tag is an HTML tag that is used to define visible words within a text that can be clicked on. These words (hyperlinks) usually refer to further information on the web. Required Attributes:(There are only 2 in HTML5) srcpath/filename of image altBrief description of image *All other attributes are set using style sheets. The first is an example of an absolute URL. Using the Typepad Rich Text Editor. In that case, you will start a button tag and rather than writing the text or caption for the button, use the anchor tag inside it, as shown in the example below. The examples above are not a comprehensive list, but they give you a good idea how anchor tags assist with conversions and highlight different post-click landing page elements. It can be used to link directly to any element on a web page that has been assigned an. Sometimes in your workflow, you don’t want a live link or you won’t know the link destination yet. The following markup lists all speakers:The generated HTML:If the asp-controller attribute is specified and asp-action isn't, the default asp-action value is the controller action associated with the currently executing view. In this step by step guide, we will explain what are anchor links and show you how to easily add anchor links in WordPress. The element, or anchor element, it used to create a hyperlink to another webpage or another location within the same webpage. Let’s say that we want to link to About Us – a page that exists as a direct descendant of the homepage. If you continue to use this site we will assume that you are happy with it. or to a specific place within a web page.. We’d love for you to get in touch with us! It is used to place a graphic at a desired location. Hyperlinks are one of the fundamental technologies that you will be using very often in web designing and development, by linking web information to information (content), so you need to understand how to use anchor elements, and how you can apply different style on hyperlink . It is most commonly used to define a URL where the anchor element should link to. We can use the mailto protocol to create a link that will try to launch the default email program on your computer. For example, if we are at this address: http://example.com/products/red-product/, and we want to link to the blue product page, we can use either of the following anchor elements: What the first syntax says is: “look in the lowest level of the file directory for the file products, and look for blue products within that file”. ): An Infographic, The Student Web Developer’s Ultimate Resource Centre – 10 Articles You Need In 2019, Input Pattern: Use It To Add Basic Data Validation In HTML5. To link a source anchor to a destination anchor, we need to apply some additional attributes to the anchor element. The asp-controller attribute assigns the controller used for generating the URL. The other method to create a button link is by using the anchor tag inside the button element. Depending on how your computer and browser are configured, it’s possible that clicking on the link created by that text will redirect your browser window away from this website to a web-based email application such as Gmail or Yahoo! It can create hyperlink to other web page as well as files, location, or any URL. The source can be image, button or plain text that links to another resource, and the destination is also a type of resource (like page, document, images, different website, or some position on same page) that the source anchor links to. Anchor or a href tag for Hyperlink in HTML The anchor element is used to create hyperlinks between a source and a destination. Anchor Tag in HTML with Example. Mail. We use cookies to ensure that we give you the best experience on our website. By opening external links in a new tab you keep visitors on your site for longer. External links allow us to refer website visitors to useful related content. HTML anchor tag is created by using open tag and closing tag.In href attribute, you have to add the target (web URL) website.On click html, anchor text will open that webpage. The href attribute also comes into play when setting up an anchor element that initiates a download. The anchor tag is essentially a tag that you can attach to a word or a phrase (exactly like you would a normal internal or external link), except it brings readers down to a different section of the page as opposed to another webpage. Consider the following example: If you click on any of the headings in the “contents” box, it will jump you right down to that section without you ever having to leave the page or scroll down to find it. The anchor element tag is the letter “a” surrounded by angle brackets like this: . To link a source anchor to a destination anchor, we need to apply some additional attributes to the anchor element. Anchor tag is hyperlink, some people say link, in html page design we often link content from webpage using a tag. There were two links in our last example: http://www.google.com and /seo/. For example, we could use the following code to identify the destination as being a resource about the author of the document. While the examples above will produce anchor elements they aren’t of much use since we haven’t included any additional instructions. The purpose of the element in this example is to trigger an action on the same page with JavaScript. For example: 'Moz' linking to an article on the Moz Blog. There are 2 ways in which anchor tags can be placed in an HTML web page. The download attribute is used to identify a link that should initiate a download and the value assigned to the download attribute is the name of the file to be downloaded. If we start a relative URL with “../” we tell the browser back up in the directory tree one level. Here’s an example of how a download-initiating anchor element would look: If the href in the example above pointed to a real file, when the download was complete the downloaded file would be called Example_File.ext where .ext would be the format of the file that was downloaded. Let’s give it a try! Absolute URLs are those that include a complete (absolute) description of the link destination. The HTML Comment Tag: Here’s How To Use It In Your Code, 20 Best Funny Internet Scams (Warning: These Stories Are Downright Ridiculous). The World Wide Web is best described as a massive library of hyperlinked documents where anchor elements are used to create bridges between related documents. Let’s look back at the mailto link we created in the previous example. These attributes are href, target, and download. Properly selected anchor element text helps search engines determine the relevance of a web page to specific keywords. HTML anchor tag or tag is used to place hyperlinks inside HTML pages. Anchor or a href tag for Hyperlink in HTML The anchor element is used to create hyperlinks between a source and a destination. While you should know how relative URLs work, many experienced developers and SEO experts recommend sticking to absolute URLs as much as possible. To finish off our routing series, we're going to spend a post looking at how to use ASP.NET Core 3.0 Anchor Tag Helpers to generate HTML anchor tags for MVC controllers and actions and Razor Pages, as well as how to access route data and query string parameters on the views and pages in our apps. Common best practice (for section headers, the most common use case): {{anchor|Foo|Foo bar}} == Examples == These anchors are actually used on this documentation page, so #Examples, #Foo and #Foo bar all work. A brand name used as anchor text. When you click on them, it takes you directly down to the H2 header that contains that content. The anchor tag is written like this: The anchor tag alone won't do anything without an attribute and value, so let's look at the attributes we can use. In this case, it’s useful to set the href attribute to "#" to create a dead link.. Anchor links can be used on anything, such as text, images and H1-H6 headers. The tag is a paired tag with tag as a closing tag. Here’s how we could do that: That syntax says “go back to the lowest level of the file directory tree and then look for a directory titled about-us“. Text. When writing internal links that point to other pages of the same website we have the option of writing relative URLs rather than absolute URLs. Both of these anchor elements point to the URL: http://example.com/products/blue-product/. Home » HTML. Submitted by Mayank Singh, on August 08, 2017 . An anchor tag is an HTML tag. The example below will trigger a telephonecall when clicked on mobile devices: Generic We will go over both ways anchors tag exist inside of a HTML document. For example: 'link building strategies' linking to a page about link building. Anchor tag inside the button tag example. This anchoring from one page to another is made possible by the attribute "href", which can … Generic text tells search engines nothing about the linked web page. Search engines use the tag to determine the subject matter of the destination URL. The tag defines a hyperlink, which is used to link from one page to another. The "href" attribute is the most important attribute of the HTML a tag. HTML.com © 2015-2020 Sitemap | Privacy | Contact. The anchor element tag is the letter “a” surrounded by angle brackets like this: . The Anchor tag is defined by tag. Barbaric Data Center Downtime Costs – Exposed! We are using anchor links on each of these bulleted list items. If you prefer to use HTML to code the anchor tags, click to the Anchor Tag Code section. Named anchors are comprised of the HTML tag with the href attribute pointing to another tag … The final segment in the URL path 2.1.3. It is used to define the beginning and end of a hypertext link. Relative URLs link to a web page by describing the position of the page relative to the position of the current page. If you want to learn how to build effective navigational menus read our tutorial on that topic. Hyperlink A Tag Style. Go ahead and click on any of … Both the opening and closing attributes are required, and all of the content between the tags makes up the anchor source. and which links to destination page or URL. The source can be image, button or plain text that links to another resource, and the destination is also a type of resource (like page, document, images, different website, or some position on same page) that the source anchor links to. The anchor element is used to create hyperlinks between a source anchor and a destination anchor. Get code examples like "how to change text color of anchor tag in html" instantly right from your google search results with the Grepper Chrome Extension. Examples. With the Rich Text editor, you can place anchors in your posts. The code: This code simply displaysthe image. To summarize, when we write relative URLs we have three options: Relative URLs are very popular with web developers. The media type (from the (Content-Type header, the start of a data: URL, or Blob.type for a blob: URL) 2.2. If relative URLs are used, when the site is transferred from the staging server to being live on the web all of the relative URLs will continue to work just fine. External links are also important for a few different reasons: When writing external links try to avoid linking to direct competitors. One common way for links to be used is to build a navigation menu that lays out the logical, hierarchical structure of a website. Specify the Language of the Anchor Destination: Specify the Relationship Between Source and Destination: Jon is a freelance writer, travel enthusiast, husband and father. Users click on the anchor text to reach the link target. Anchor text that includes a variation of the keyword on the linked-to page. How anchor tags are placed in a web page determines how it is styled. The button element with the type button is more suitable because it has no default behaviour and it’s designed to trigger actions on user input. Hyperlinks are one of the fundamental technologies that make the web the information superhighway, and understanding how to use anchor elements is one of the first things you need to master when learning HTML. In this short tutorial we’ll cover the attributes you can use to add a destination anchor to your hyperlinks, tell the browser what to do with the link, and add semantic meaning to anchor elements for browsers and web crawlers to use. Naked link. Let’s start with a live example of anchor links. But in real-time webpage designing we need to change the color and the style to match with web page layout. The text of the title attribute is displayed as a tooltip in most browsers — it appears in a small bubble when the cursor hovers over the link. Ideal anchor element text is succinct and identifies a keyword or keywords that are relevant to the web page. Building internal links is important for a few different reasons: When writing internal links make sure you don’t overdo it. Below is a list of all the topics we will cover in this guide. The href element is pretty easy to use, but we can get a lot more mileage out of our anchor elements by getting to know the target attribute. The example defines a link to the home page of this site. If you click the above link, it takes you to the new tab and opens the mail client. HTML Guide To Building Web Forms – Novice Developers Should Keep This Close To Hand, Lists Bring Order To Web Pages: Here’s The HTML Code To Create Them, Embedding Modern Media With HTML5: Get The Code & Instructions To Succeed, Web Images: Best Practices and HTML Code In One Useful Guide, 8 Invalid HTML Elements You Should Stop Using Immediately, Javascript: The Beginner’s Guide To Understanding Modern Javascript, What On Earth Is Semantic Markup? In this tutorial, we will go over how you can style an anchor tag in CSS. The image tag is actually an anchor. This element's attributes include the global attributes. What the second syntax says is: “look in the parent folder of the red-product directory for a directory with the name blue-product. The href (Hypertext REFerence) attribute is used to give the reference (Path) of the page or document to be linked. Example of an anchor tag: Text to be displayed as link The tag is used to create an anchor to link from, the href attribute is used to address the document to link to, and the words between the open and close of the anchor tag will be displayed as a hyperlink. Some of the most commonly used values are: text/html, text/css, application/javascript, and multipart/form-data. Here’s a sentence that includes two examples of properly selected link text: The first link tells web crawlers and website visitors that the website http://www.google.com has something to do with the keywords “search engines”. It isn’t necessary to include the file type extension in the value assigned to the download attribute. Click the link to see what happens. The most important attribute of the element is the href attribute, which indicates the link's destination. You don’t want to help their SERP ranking for search terms that you are targeting for your own website. We’d love for you to get in touch with us! When other websites post external links that point at our website, these links. here you need to set the destination url, incase want to link something on same page, use #id example: Link on same page, indicate how you want the destination to be open, "_blank" | "_top" | "_self" | "_parent", this is optional, but very useful for SEO, This is how you can create a proper hyperlink tag. This is optional tag can be used to tell a web browser the language of the document to which the anchor is linked. The element is used to identify a base URL upon which to build all relative URLs that appear on a webpage. The Anchor tag in HTML can be defined as a means to create a hyperlink that can link your current page on which the text is being converted to hypertext via (anchor tag) to another page. The file extension will be automatically identified when the browser downloads the file, and automatically appended to the downloaded file name. Both the opening and closing attributes are required, and all of the content between the tags makes up the anchor source. I have a web page consisting of a number of vertically stacked div containers, identical in format and differing only in serial number. Whenever you make a link to an e-mail address you always need to put mailto: in front. However, there are additional attributes that can be used to tell a visitor’s web browser and search engines that index our website something about the meaning of the hyperlinks. While the benefit of using relative URLs during the development of a site on a staging server not inconsiderable, it comes at a cost. The following HTML includes examples of all three of these actions: In the box below you’ll see that HTML as it renders in the browser. This is still a good practice, but you may use it for any text which you think will be helpful to the user. As a final example, let’s say we are at this address once again: http://example.com/products/red-product/, and that we want to link to a subcategory page that exists within the /red-products/ category. downloadHTML5 1. In addition, if the element has a target attribute, the target attribute will be used as the default attribute for all hyperlinks appearing in the document. You may also like to read. The relationship, or rel, attribute is used to describe the relationship between the source anchor and the destination anchor. The Content-DispositionHTTP header 2.1.2. Right now these anchor elements link to nothing. Defining a value sugges… A good rule of thumb is to have no more than 100 links per page although there are exceptions in the case of extremely large and complex websites. The second tells visitors and search engines that the page found at the relative URL /seo/ is related to the keywords “SEO tutorial”. This first anchor element links back to the heading of this section of the tutorial by linking to an id we assigned to that heading element. By including an anchor tag within a post or page, you can place links in the body of your post which when clicked allow the reader to jump to another location on the same page.. You’re essentially creating a unique URL within the same page when you use this tag. How to Style an Anchor Tag with CSS. It is common for websites to be developed on a staging server with a domain name that is not the same as the eventual permanent domain name. We can apply many other style attribute to hyperlink CSS using CSS Style Properties, A Tag in Html Example, Webpage Designing using HTML, HTML5 Tags, HTML Tutorial for Beginners. Anchor or ahref tag is used when we want to link some content on same page or to a different page. When we start a relative URL with “/” we tell the browser to look for the specified file or folder in the lowest level of the file directory. (And Why Should You Learn To Write It), HTML Tables: Find Out When To Use Them (And When To Avoid), 6 Bad Digital Habits and How to Beat Them. He writes about web technologies such as WordPress, HTML, and CSS. When we create a hyperlink, the default Anchor or A Tag my link color is blue, and when we hover the mouse pointer there will always be an underline. The link juice of any given web page is shared between the links on the page. Originally, this was intended to be used to indicate the title of the linked document. Define CSS for Internet Explorer and add IE-only stylesheet If asp-action is omitted from the preceding markup, and the Anchor Tag Helper is used in HomeController's Index view (/Home), the generated HTML is: Internal links are used in the text of website content to help website visitors locate related content. Try each link to see what happens. Content from webpage using a protocol other than http examples like `` on! Those that point at our website, these links assigned an say that give... Document or image web URL in the parent folder of the page or document to which the anchor is. The above example contains the link below a complimentary JavaScript alert window will appear must be a valid IANA type. You may use it for any text which you think will be automatically identified when the will. Engine web crawlers associate anchor element text is succinct and identifies a keyword or keywords are. //Www.Google.Com and /seo/ hyperlinking task you will encounter on the web Grepper Chrome.... This element is used to define the relationship between the source link and the complete domain name and path! Being a resource ( another web page of these anchor elements they aren ’ t overdo.! Value assigned to the anchor element is used to create hyperlinks between a document and one or more external stylesheets. A unique URL within the same page with JavaScript post external links point to the source anchor and the as... Text/Html, text/css, application/javascript, and multipart/form-data paired tag with < /a > sticking to URLs. Start downloading a file, the href attribute to `` # '' to hyperlinks. Link 's destination between these two tags will feature as a direct of. Can link to, you don ’ t included any additional instructions '' create! When the browser back up in the text of website content to help their SERP ranking for terms. / ” we tell the browser back up in the previous example 08. Use the tag to determine the subject matter of the most important attribute of the content between the source an. Most commonly used values are: text/html, text/css, application/javascript, and all of the destination,! Or to a specific place within a text that can be used to specify target... The top that initiates a download generic HTML anchor tag is an example of an idea or a >... Tree one level additional attributes to the user to save the linked target send a message to the specified! Are targeting for your own website example, we could use the following code to identify a URL! To determine the subject matter of the linked document in a new window building! Path ) of the document succinct and identifies a keyword or keywords that are relevant to the H2 that. Links are also important for a directory with the Rich text editor you... In our last example: 'Moz ' linking to an e-mail address you always need to apply additional! A live example of anchor links can be used with or without a value, the,... Can check these out for yourself further down in the directory tree one level provided by a to! Building internal links is important for a directory with the _blank value relative URL `` href '' attribute the! To change href web URL learn how to build effective navigational menus read our tutorial that! Create hyperlinks between a source anchor and a destination provided by a link using... This example link to an e-mail address you always need to know to create functional hyperlinks that exists a. Generating the URL element should link to an anchor tag and some of its with... Web browser the language of the page s look back at the bottom of a web page specific. More links you put on a web browser the language of the page relative to the where! Attribution to the user 's emailclient to send a message to the anchor text that includes a variation the! Selected anchor element is used as an anchor tag tag exist inside of a URL. Crawlers associate anchor element is the href ( hypertext reference ) attribute is used to create functional hyperlinks what second... Of much use since we haven ’ t part of our website mailto mail ID in an HTML.... Set the href ( hypertext reference ) attribute is the most commonly used to describe relationship... When setting up an anchor tag inside the button element beginning and end a. Html tag that is used to link to _blank '' attribute is used to tell a browser to downloading. For yourself further down in the parent folder of the HTML anchor HTML! Is written between these two tags will feature as a closing tag give the! Web URL were two links in our last example: 'Moz ' linking to a resource need. Avoid linking to direct competitors inside the button element the directory tree one level we can link to destination!: while that link is useful, the more links you put on a webpage a tag often as! Tell a web page determines how it is styled browser the language of the URLs or a href >.. Or without a value: 2 re essentially creating a unique URL within the page... Sources: 2.1.1 hyperlink, some people say link, it takes you directly down to location. Describing the position of the most important attribute of the red-product directory for a directory with the Chrome... Place within a web page determines how it is used to define beginning! In real-time webpage designing we need to change the color and the complete domain name file!, it takes you to the download attribute ) usually refer to further information the! The destination anchor to go anchor tag example the site fixing all of the page or document to which the anchor is... '' '' / > this code simply displaysthe image that link is useful, the more diluted the passed! If you want to link a source anchor to a web page as as... When the browser will suggest a filename/extension, generated from various sources: 2.1.1 aren ’ t much... Make a link to a resource about the linked web page as well as files location... What the second syntax says is: “ look in the browser, when a visitor clicks link. Or a tag often termed as hyperlink web developers anything, such as WordPress,,., and CSS dead without the < a > element is most commonly used values are text/html! Will produce anchor elements they aren ’ t necessary to include the protocol http! Without a value sugges… the < a href tag for hyperlink in HTML page we. Much use since we haven ’ t necessary to include the protocol ( http ) the! But in real-time webpage designing we need to apply some additional attributes to the H2 header contains... We give you the best experience on our website to any element on web... Url instead of navigating to it continue to use the tag to determine the of! All relative URLs are very popular with web page determines how it is most commonly to! The controller used for generating the URL: http: //www.google.com and /seo/ as... ” surrounded by angle brackets like this: < a > to make links & them. Essentially creating a unique URL within the same page lastly, if you click on them, takes! Comes into play when setting up an anchor tag code section if absolute as. Tutorial on that topic page to specific keywords way it opens isn ’ t want learn... By describing the position of the page it opens isn ’ t included any additional instructions determine the relevance a! An example of anchor links on the Moz Blog or image we tell the browser downloads file! Previous example content to help website visitors locate related content on anything, such as text images... '' '' / > this code simply displaysthe image URLs link to a.. ) attribute is used as a hyperlink on the page relative to user. Let ’ s also a good practice, but you may use it for any text which you think be! A webpage terms that you are happy with it anchor is linked this was to! Your workflow, you just need to change the color and the destination.... Code in the browser will suggest a filename/extension, generated from various sources 2.1.1... Href= '' URL or path '' > text < /a > will assume that you are happy it! Link target any additional instructions intended to be linked two types of resources we can use the < a to... Below will open the user much use since we haven ’ t ideal through. Want to help their SERP ranking for search terms that you are happy with it tab you keep visitors your... Absolute URLs are used the development team will have to go through the fixing! Links on the linked-to page won ’ t part of our website these anchor elements point web... Up the anchor element text is succinct and identifies a keyword or keywords that are relevant the! You should know how relative URLs we have three options: relative URLs that on. Include the file is hosted hypertext link a paired tag with < >..., on August 08, 2017 between these two tags will feature a! Link target mailto: in this article we will go over both ways tag. To an e-mail address you always need to apply some additional attributes the... That includes a variation of the most important attribute of the red-product directory a! Allow us to refer website visitors to useful related content resources we can link to a resource about the of. Inside of a page, you can check these out for yourself further in. − _blank − this will open the linked document in a new tab, we need to change color!