Learn how to build links that everyone can understand and use: meaningful link text, links versus buttons, keyboard and focus, visual styling, links that open new tabs, file and email links, and safe external links. Includes a links-list lab, a link builder, and a live link checker.
Learn what absolute URLs are in HTML and when to use them. Understand the parts of a full web address, schemes like https, mailto and tel, URL encoding, international domain names, query strings, common mistakes, and best practices on CodeHarborHub.
Learn the HTML address element: marking contact information for a page or an article's author, what it is not for (postal addresses in general), mailto and tel links, line breaks, resetting italic styling, privacy and spam concerns, international phone and address formats, and common mistakes, with live examples.
Learn how the HTML anchor element works. Understand the a tag, the href attribute, link text, link states, styling links with CSS, linking images, accessibility, hreflang for multilingual sites, and common mistakes on CodeHarborHub.
Learn how to create download links in HTML with the download attribute. Suggest file names, understand same-origin limits and Content-Disposition, generate files with JavaScript, show file type and size, keep downloads safe, and make them accessible on CodeHarborHub.
Learn how to create email links in HTML with mailto. Add recipients, cc, bcc, subject and body text, encode special characters and line breaks, protect addresses from spam, write accessible link text, and know when a contact form is better. Explained on CodeHarborHub.
Learn how to create external links in HTML. Link to other websites with absolute URLs, show readers a link leaves your site, use rel values like nofollow and sponsored, link to the right language version, and keep outside links healthy. Explained on CodeHarborHub.
Learn how to create internal links in HTML. Link between pages of your own site, jump to sections with id and fragment links, build a table of contents, add skip links and back-to-top links, and make them accessible. Explained clearly on CodeHarborHub.
Learn how to keep HTML links safe. Understand reverse tabnabbing, rel noopener and noreferrer, referrer policy, dangerous javascript and data URLs, user-submitted links, look-alike addresses, HTTPS, and how to protect your visitors on CodeHarborHub.
Learn how links connect the web. Master the HTML anchor element, absolute and relative URLs, internal and external links, the target attribute, link security, email, telephone and download links, and navigation menus with CodeHarborHub.
Learn how relative URLs work in HTML. Understand file paths, same-folder links, subfolders, the parent folder with ../, root-relative paths, the base element, case sensitivity, and common mistakes, explained step by step on CodeHarborHub.
Learn the HTML basics that help search engines find and understand a page: the head essentials, real headings and text, crawlable links, images, clean URLs, mobile and speed basics, and how JavaScript can hide content. Includes a crawler's-view lab, a URL checker, and a live HTML SEO basics checker with a messy and a fixed page.
Learn how the HTML target attribute decides where a link opens. Understand _self, _blank, _parent, _top, named targets and iframes, when opening a new tab helps, accessibility warnings, security basics, and common mistakes on CodeHarborHub.
Learn how to create telephone links in HTML with the tel scheme. Write international phone numbers with country codes, add extensions, use sms links, handle desktop vs mobile, prevent unwanted auto-detection, and make phone links accessible on CodeHarborHub.
Learn the HTML base element: how it changes the starting address of every relative link, image and form, how it affects fragment links like #top, how base target works, why it is risky, and what to use instead. Includes a live URL resolver and a base tag checker.