Tag Archives: anchor tag

How to Link to Posts, Pages, Categories, Tags, Authors, and Feeds in WordPress

Featured

Posted on by
9

WordPress code logo thumbnailThis is a tutorial on how to link to the various features found on a typical WordPress site.

Wish to promote an author your site? Need the link to their author pageview? Wish to link to a specific category? Want to share the link to your WordPress site feed?

There are many times when you may wish to link to a feature or function on your site. Here is a list of the various areas you may wish to link to from posts, Pages, Widgets, and in emails and social media posts to help people find information on your site.

How to Copy a Link

We call them “links” but the proper names are hypertext link and the link is created with an HTML Anchor Tag.

A well-formed link in HTML looks like this:

<a href="http://lorelle.wordpress.com/" 
title="Lorelle VanFossen of Lorelle on WordPress.">
Lorelle VanFossen</a>

It features the link to the destination, the title selector to describe the destination of the link, and the anchor text, the words visible on the page to the reader.

This is called a well-formed or properly formed link as these three items are required by US and international law for web standards and web accessibility.

To copy a link, there are two methods. The first is the most commonly used technique.
Continue reading →

Links and the Anchor HTML Tag

Posted on by
7

This is a tutorial from the HTML Fundamentals Class I taught at Clark College in Summer 2012. It applies to HTML and WordPress.

There are five basic forms of links on a web page.

  1. External Links
  2. Internal Links
  3. Jump Links
  4. Image/Multimedia Links
  5. Email Links

Link Basics

Links are the gateway to the web, the interconnected parts of the web that allows a web user to easily move from document to document.

A link consists of the following HTML tag structure.

<a title="Link to article title." href="http://example.com/article.html">Anchor Text</a>
  1. a: The HTML Anchor tag.
  2. title: It is required by US federal law and international law that all links have a descriptive title property. The value text must describe the destination link in a way that will inform the user of what the destination material is about and help them decide to click through. It should be no more than a few words and written in sentence form, a simple instructional form such as “Link to article on links.” This is read out loud by screen readers.
  3. href: The Hypertext Reference is the destination link. In general, it is typically an absolute link written with the full http: address such as http//example.com/article.html.
  4. Anchor Text: This is the text which the HTML Anchor tag wraps around. It is the visible element of the tag on the web page.

Continue reading →