{"id":736,"date":"2025-02-06T11:29:57","date_gmt":"2025-02-06T17:29:57","guid":{"rendered":"https:\/\/wp.stolaf.edu\/using-wordpress\/?page_id=736"},"modified":"2026-07-17T11:51:38","modified_gmt":"2026-07-17T16:51:38","slug":"links-in-html","status":"publish","type":"page","link":"https:\/\/wp.stolaf.edu\/using-wordpress\/links-in-html\/","title":{"rendered":"Links in HTML"},"content":{"rendered":"<div data-modular-content-collection>\n<p class=\"wp-block-paragraph\">A link has two ends &#8212; called anchors &#8212; and a direction. The link starts at the &#8220;source&#8221; anchor and points to the &#8220;destination&#8221; anchor, which may be any Web resource (e.g., an image, a video clip, a sound bite, a program, an HTML document, an element within an HTML document, etc.).<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">Source from World Wide Web Consortium (aka W3C)<br \/><a href=\"https:\/\/www.w3.org\/TR\/html401\/struct\/links.html#h-12.1\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.w3.org\/TR\/html401\/struct\/links.html#h-12.1<\/a><\/pre>\n\n\n\n<div style=\"height:65px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 id=\"walkthrough\" class=\"wp-block-heading\">Using Anchor Tags<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Anchor tags are used for links that jump to a particular place in a page \u2014 either on the current page or another page entirely. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Steps for creating anchort tags:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Create the Anchor ID:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select the block (e.g., a heading or paragraph) you want to jump to.&nbsp;<\/li>\n\n\n\n<li>In the right-hand settings panel, open the Advanced tab. &nbsp;<\/li>\n\n\n\n<li>Type a unique, lowercase name with hyphens (no spaces) into the HTML anchor field (e.g., faq-section).&nbsp;<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Create the link:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Highlight the text or button you want to use as the clickable link.<\/li>\n\n\n\n<li>Click the Link icon (chain link) in the toolbar.<\/li>\n\n\n\n<li>Enter the hash symbol followed by your anchor ID (e.g., #faq-section) into the URL field.<\/li>\n\n\n\n<li>Press Enter to save.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Key Rules:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The anchor ID must be unique within the page.<\/li>\n\n\n\n<li>The ID in the link (#faq-section) must exactly match the ID in the HTML anchor field (case-sensitive, no spaces).<\/li>\n\n\n\n<li>For menu links or links to another page, use the full URL followed by the hash (e.g.,&nbsp;<a href=\"https:\/\/stolaf.edu\/page\/#faq-section\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/stolaf.edu\/page\/#faq-section<\/a>).&nbsp;<\/li>\n<\/ul>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>A link has two ends &#8212; called anchors &#8212; and a direction. The link starts at the &#8220;source&#8221; anchor and points to the &#8220;destination&#8221; anchor, which may be any Web [&hellip;]<\/p>\n","protected":false},"author":2110,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-736","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/wp.stolaf.edu\/using-wordpress\/wp-json\/wp\/v2\/pages\/736","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.stolaf.edu\/using-wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp.stolaf.edu\/using-wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp.stolaf.edu\/using-wordpress\/wp-json\/wp\/v2\/users\/2110"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.stolaf.edu\/using-wordpress\/wp-json\/wp\/v2\/comments?post=736"}],"version-history":[{"count":6,"href":"https:\/\/wp.stolaf.edu\/using-wordpress\/wp-json\/wp\/v2\/pages\/736\/revisions"}],"predecessor-version":[{"id":842,"href":"https:\/\/wp.stolaf.edu\/using-wordpress\/wp-json\/wp\/v2\/pages\/736\/revisions\/842"}],"wp:attachment":[{"href":"https:\/\/wp.stolaf.edu\/using-wordpress\/wp-json\/wp\/v2\/media?parent=736"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}