Hyperlink - Revision history

VKranendonk: /* To a place in your document */

2022-09-27T13:43:42Z

To a place in your document

← Older revision		Revision as of 13:43, 27 September 2022
Line 15:		Line 15:
	</source>		</source>

	== To a ~~place in your document~~ ==		== Linking withing a page ==
	[[File:Index Wiki.png\|thumb]]		[[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].		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].

2022-09-27T13:34:42Z

To a place in your document

2022-09-27T13:32:37Z

To a place in your document

← Older revision		Revision as of 13:32, 27 September 2022
Line 16:		Line 16:

	== To a place in your document ==		== To a place in your document ==
			[[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].		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].

	~~[[File:Index Wiki.png\|thumb]]~~

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

2022-09-27T13:32:20Z

To a place in your document

← Older revision		Revision as of 13:32, 27 September 2022
Line 19:		Line 19:
	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].		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].

	[[File:Index Wiki.png]]		[[File:Index Wiki.png\|thumb]]

	This type of URL is called a Fragment URL. To create a Fragment URL we need two elements.		This type of URL is called a Fragment URL. To create a Fragment URL we need two elements.
Line 37:		Line 37:
	</source>		</source>

	~~=== Styling~~ the targeted element ===		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">		<source lang="css">

2022-09-27T13:29:52Z

To a place in your document

@@ Line 35: / Line 35: @@
 <source lang="html5">
 <a href="#Taxonomy">About</a>
 </source>

2022-09-27T13:27:32Z

To a place in your document

← Older revision		Revision as of 13:27, 27 September 2022
Line 31:		Line 31:
	</source>		</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 ~~has~~. This indicates it is an internal URL pointing to an element with that ID.		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">		<source lang="html5">
	<a href="#Taxonomy">About</a>		<a href="#Taxonomy">About</a>
	</source>		</source>

2022-09-27T13:25:48Z

To a place in your document

← Older revision		Revision as of 13:25, 27 September 2022
Line 20:		Line 20:

	[[File:Index Wiki.png]]		[[File:Index Wiki.png]]

			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">		<source lang="html5">
	<~~a href~~="#Taxonomy">~~About~~</a>		<span id="Taxonomy">Taxonomy</span>
	</source>		</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 has. This indicates it is an internal URL pointing to an element with that ID.

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

2022-09-27T13:18:29Z

To a place in your document

← Older revision		Revision as of 13:18, 27 September 2022
Line 17:		Line 17:
	== To a place in your document ==		== To a place in your document ==

	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 [~~Red Warbler~~ https://en.wikipedia.org/wiki/Red_warbler].		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].

	[[File:Index Wiki.png]]		[[File:Index Wiki.png]]

2022-09-27T13:18:11Z

To a place in your document

← Older revision		Revision as of 13:18, 27 September 2022
Line 17:		Line 17:
	== To a place in your document ==		== To a place in your document ==

	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 [[Red Warbler https://en.wikipedia.org/wiki/Red_warbler]].		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 [Red Warbler https://en.wikipedia.org/wiki/Red_warbler].

	[[File:Index Wiki.png]]		[[File:Index Wiki.png]]

2022-09-27T13:17:53Z

To a place in your document

← Older revision		Revision as of 13:17, 27 September 2022
Line 17:		Line 17:
	== To a place in your document ==		== To a place in your document ==

	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 [Red Warbler https://en.wikipedia.org/wiki/Red_warbler].		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 [[Red Warbler https://en.wikipedia.org/wiki/Red_warbler]].

	[[File:Index Wiki.png]]		[[File:Index Wiki.png]]