Html a link to section on page

Link to section on page html

<!-- #top is the ID of the div where u wanna link to -->
<a href="#top">Go back to the top!</a>

<div id="top"></div>

Html a link to section on page

<!--1. create link tag with href containing "[#][section to direct] with name-->
<a href = #about-section>About</a>

<!--2. create identifier for the section you would like to navigate to with "id" = name-->
<section id = "about-section"> <h1>This is the about section</h1> </section>

Go to id html

<a href="#sushi">Sushi</a>
<a href="#bbq">BBQ</a>

Sample section:
<div id='sushi'><a name='sushi'></a></div>
<div id='bbq'><a name='bbq'></a></div>

Source: w3.org

Link that scrolls down the page

<a href="#google"></a>

<div id="google"></div>

Similar codes

0 vote142 views1 answer
Import ionic html
Html
0 vote124 views1 answer
Ggo
Html
14 votes122 views4 answers
Html input not editable
Html
1 vote120 views2 answers
Ion icon image
Html
0 vote135 views1 answer
Page html vierge
Html
0 vote127 views1 answer
How to triger multiple function in html
Html
0 vote130 views1 answer
Reactjs white space
Html
0 vote136 views1 answer
Fix character wpf missing
Html
10 votes137 views3 answers
Text monospace bootstrap
Html
0 vote137 views1 answer
Click on div with class javascript
Html