Anchor element
An anchor element is an HTML element that represents a hyperlink or navigation target, typically linking content to another resource or location.
WordPress Power Toolkit: Harness AI to build next-level websites
An anchor tag is the HTML element that defines a hyperlink and its linked content.
- How it is used
- Creates navigation links between pages or directly to marked locations within a page.
- How deep it goes
- Breaks down opening and closing tags, href, visible captions, permalinks, and target IDs, then tests the result.
- Examples
- Demonstrates links between Thai and Mexican recipe pages and a jump to a second paragraph.
- What you can do after
- Build it from scratch by writing and testing links to pages or identified page locations.
Read how WordPress Power Toolkit: Harness AI to build next-level websites explains anchor element →
Web Design Playground, Second Edition
The HTML a element creates a hypertext link around content.
- How it is used
- Creates local, remote, and in-page links within HTML pages.
- How deep it goes
- Defines paired tags and href, demonstrates local and remote addresses, and extends to in-page links; defers multi-directory details.
- Examples
- Uses wordplay.html, a webdesignplayground.io address, and linked words such as “scofflaw” and “Frankenfood.”
- What you can do after
- Build it from scratch by wrapping content in a tags and assigning href values for local or remote destinations.
Read how Web Design Playground, Second Edition explains anchor element →
Pro ASP.NET Core 7, Tenth Edition
An anchor element is an HTML element that creates a hyperlink to a specified resource or URL.
- How it is used
- Builds navigational links whose destinations follow ASP.NET Core routing rather than hard-coded paths.
- How deep it goes
- Explains attribute selection, route values, rendered hrefs, browser verification, and URL generation, but not tag-helper internals.
- Examples
- Uses product-list rows, Select links, Suppliers links, route identifiers, rendered hrefs, and a Razor Pages product listing.
- What you can do after
- Builds routing-aware links and verifies their rendered URLs and GET behavior in a browser.
Read how Pro ASP.NET Core 7, Tenth Edition explains anchor element →
Web Design Playground
An HTML element that represents a hyperlink and, in markup, is typically rendered with anchor syntax.
- How it is used
- Creates hyperlinks to pages on the same site, pages elsewhere, or sections of the current page.
- How deep it goes
- Explains opening and closing tags, href destinations, link text, URL types, and capitalization risks, while deferring in-page implementation.
- Examples
- Uses wordplay.html, wordspy.com, etymonline.com, and wordspy.com word links as concrete anchor examples.
- What you can do after
- Apply it via HTML markup to connect visible text with local filenames or remote URLs.
Related concepts
- hypertext linkimplements · A hypertext link is a reference embedded in digital content that enables navigation to another resource or location.
- img elementuses · The HTML img element embeds an image resource in a document.
- hrefuses · The href attribute of an HTML anchor specifies the destination resource, URL, or fragment of a hyperlink.
- NavLink componentproduced by · A NavLink component is a user-interface component that renders a navigational link to a specified destination.
- HTMLElement APIkind of · The HTMLElement API is the browser DOM interface defining common properties and behavior for HTML element objects.
- buttonalternative to · A button is an interactive user-interface control that can be activated to initiate an action or select an option.
These guides are generated from the text of Manning books by Manning's knowledge graph and link to the sections they draw on. The full books are available on liveBook and at manning.com.