Editing Hyperlink (section)

== Linking withing a page ==
[[File:Index Wiki.png|thumb]]
Linking to a place in the document is super handy! You can see an example on the top of this page or on any Wiki page, like the [https://en.wikipedia.org/wiki/Red_warbler Red Warbler].

This type of URL is called a Fragment URL. To create a Fragment URL we need two elements.

The first element is the element we scroll to. This can be any type of element, for example an {{code|inline=y|lang=html|h1, h2, div, span}}, etc. 

We give the element an ID attribute, in this example the ID is "Taxonomy". You can decide how the ID is named, but it has to be unique on the page. Place the element with the ID on the position you want the page to scroll to.

<source lang="html5">
<span id="Taxonomy">Taxonomy</span>
</source>

The second element is the anchor tag. This will create the link to the element with the ID. We start the href value with an hashtag {{code|inline=y|lang=html|#}}. This indicates it is an internal URL pointing to an element with that ID.

<source lang="html5">
<a href="#Taxonomy">About</a>
</source>

You can also highlight the targeted element with CSS. When the link Taxonomy is clicked, the element with id="Taxonomy" will have the following styles applied.

<source lang="css">
:target {
  border: 2px solid #D4D4D4;
  background-color: #e5eecc;
}
</source>