HTML Links

Internal link

    

<a href="page-name.html">Link text</a>


    
    

<a href="folder-name/page-name.html">Link text</a>


    
    

<a href="../page-name.html">Link text</a>

External link

    

<a href="http://example.com/">Link text</a>

Open link in new tab

    

<a href="http://example.com/" target="_blank">Link text</a>

Link to section

    

<a href="#heading">Link text</a>

<h2 id="heading">Heading</h2>

Link to section on a different page

    

<!-- Link to section on about.html -->
<a href="about.html#heading">Link text</a>


    
    

<!-- Section on about.html -->
<h2 id="heading">Heading</h2>

Phone link

    

<a href="tel:+15551231234">(555) 555-1234</a>

Email link

    

<a href="mailto:john@example.com">john@example.com</a>

Link to top

    

<a href="#top">Go to top</a>


    
    

<a href="#">Go to top</a>

Download link

    

<a href="file-name.jpg" download>Download file</a>


    
    

<a href="file-name.jpg" download="new-name.jpg">Download file (with a new name)</a>

Image link

    

<a href="file-name.jpg">
  <img src="file-name.jpg" alt="">
</a>