<div class="sandbox">

<div class="sandbox">

# Anchors & Tool Tips

Jump to [Tool Tips](#hint).

## Anchors

Creating in-page anchors. The more I started using [anchors](#anchor), they became almost natural. I also added a [snippet in atom](https://gist.github.com/selfpublish/2f3f2dbc2d4ac1a3efff8ef29efc9213) to speed up the process.

### Example

## [Ⓐ](#a)  [Ⓑ](#b)  [Ⓒ](#c)  [Ⓓ](#d)  [Ⓔ](#e)  [Ⓕ](#f)  [Ⓖ](#g)  [Ⓗ](#h)  [Ⓘ](#i)  [Ⓙ](#j)  [Ⓚ](#k)  [Ⓛ](#l)  [Ⓜ](#m)  [Ⓝ](#n)  [Ⓞ](#o)  [Ⓟ](#p)  [Ⓠ](#q)  [Ⓤ](#u)  [Ⓡ](#r)  [Ⓢ](#s)  [Ⓣ](#t)  [Ⓤ](#u)  [Ⓥ](#v)  [Ⓦ](#w)  [Ⓧ](#x)  [Ⓨ](#y)  [Ⓩ](#z)

## [Ⓐ](#a)

<a name="a"></a> 
## A

<a name="b"></a> 
## B

<a name="c"></a> 
## C

<a name="d"></a> 
## D

<a name="e"></a> 
## E

<a name="f"></a> 
## F

<a name="g"></a> 
## G

<a name="h"></a> 
## H

<a name="i"></a> 
## I

<a name="j"></a> 
## J

<a name="k"></a> 
## K

<a name="l"></a> 
## L

<a name="m"></a> 
## M

<a name="n"></a> 
## N

<a name="o"></a> 
## O

<a name="p"></a> 
## P

<a name="q"></a> 
## Q

<a name="r"></a> 
## R

<a name="s"></a> 
## S

<a name="t"></a> 
## T

<a name="u"></a> 
## U

<a name="v"></a> 
## V

<a name="w"></a> 
## W

<a name="x"></a> 
## X

<a name="y"></a> 
## Y

<a name="z"></a> 
## Z

Add the anchor at the end of the section before the one you want to link to. Typically in the last sentence.

A line or two above where you the reader to click to, add an anchor tag:

example:
`<a name="journey"></a>`

Also see [hoplinks](hoplinks.md).

## HTML Anchors

See: <http://www.hyperlinkcode.com/bookmark.php>

## <a name="anchor"></a> Guess what? This is an on page anchor!

If you do plan to use on page anchors a lot, you might consider using an auto-hide navbar.

<a href="https://codepen.io/pubwriter/live/45ccd8096763c002020351ceda79c0c7" class="btn btn-outline-success"><img src="https://pubwriter.net/images/logos/atom.svg" height="25""> Atom Snippet</a>

***

## <a name="hint"></a> Hint Hover / Tool Tips (aka Hover Text, aka Hint)

When you want to provide you reader with more info on a word (ie. footnote), you can use a tool tip.

Simply add a `WORD` following:

`WORD and more text follows...`

<a href="https://gist.github.com/selfpublish/c7f31909aa47a4dc742875f6409990d8" class="btn btn-outline-success"><img src="https://pubwriter.net/images/logos/atom.svg" height="25""> Atom Snippet</a>

Anchors & Tool Tips

Jump to Tool Tips.

Anchors

Creating in-page anchors. The more I started using anchors, they became almost natural. I also added a snippet in atom to speed up the process.

Example

Ⓐ Ⓑ Ⓒ Ⓓ Ⓔ Ⓕ Ⓖ Ⓗ Ⓘ Ⓙ Ⓚ Ⓛ Ⓜ Ⓝ Ⓞ Ⓟ Ⓠ Ⓤ Ⓡ Ⓢ Ⓣ Ⓤ Ⓥ Ⓦ Ⓧ Ⓨ Ⓩ

Ⓐ

A

B

C

D

E

F

G

H

I

J

K

L

M

N

O

P

Q

R

S

T

U

V

W

X

Y

Z

Add the anchor at the end of the section before the one you want to link to. Typically in the last sentence.

A line or two above where you the reader to click to, add an anchor tag:

example:
<a name="journey"></a>

Also see hoplinks.

HTML Anchors

See: http://www.hyperlinkcode.com/bookmark.php

Guess what? This is an on page anchor!

If you do plan to use on page anchors a lot, you might consider using an auto-hide navbar.

Atom Snippet

Hint Hover / Tool Tips (aka Hover Text, aka Hint)

When you want to provide you reader with more info on a word (ie. footnote), you can use a tool tip.

Simply add a WORD following:

WORD and more text follows...

Atom Snippet