First make each h2 tag have a bookmark.
1. Go inside the opening tag and add a space.
2. Then add id=”…” (bookmark names should be lowercase, no spaces. They should be easy to remember, matching what’s in your top list.
Make each list item in the ordered list at the top link to each section.
Add the opening and closing a tags with href inside the opening one to start.
Then add the link going to each bookmark, starting with # (so it knows it’s looking for an internal link.
Your list at the top should be underlined and blue (if your background color is similar to this default blue, it might be really hard to read the links).
There are 4 stages for every text link. Start by going inside the <style> at the top and add the following styles to start, so they’re in this order:
Inside each style, add color. You can use color names or #s.
Start by adding a bookmark inside the h1 tag at the top of your page: id=”top”
If it works, copy all this code to the bottom of the other sections
Go here to get the code for the icon you want to use.
https://www.w3schools.com/icons/icons_reference.asp
Choose one of the following:
Click on the Try It button to the right of the one you want to use…
Copy the <script> line
Paste it inside your <head>, just after the opening tag (or after <title> tags).
It’s actually the same for all 3 arrows so if you want to try all 3 out, you can.
Then copy the code for the 2nd or 3rd biggest version of the icon
It’s the <i class=…> line of code in the middle section.
Go to the bottom of your sections and paste it over (CTRL+V) the text “back to the top” with this code…