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 vote185 views1 answer
Metadata edge
Html
0 vote197 views1 answer
Input audio and video in html
Html
0 vote168 views1 answer
Online apollo graphql explorer
Html
2 votes125 views1 answer
Email css
Html
0 vote178 views1 answer
<pre>; html tag that preserves spacing
Html
3 votes164 views5 answers
Bootstrap form
Html
0 vote195 views2 answers
Change the font-size on a label css
Html
0 vote171 views1 answer
Border corner frames image css
Html
14 votes171 views2 answers
Add a viewport meta tag to the document head to set the width of the layout viewport equal to the width of the device and set the initial scale of the viewport to 1.0.
Html
10 votes171 views3 answers
Comment out html in react
Html