Example

Hyperlinks in HTML

HTML

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width">
        <title>Hyperlinks in HTML</title>
    </head>
    <body>
<!--
    <a> : anchor element with its href attribute, creates a hyperlink to web pages, files, email addresses, locations in the same page, or anything else a URL can address.
-->    

    <h1>Demo: Hyperlinks in HTML</h1><br>

    <h2>Skillzam Social Media Handles</h2>

    <p>Visit Skillzam's <a href="https://www.linkedin.com/company/skillzam/" target="_blank">LinkedIn</a> page.</p>

    <p>Visit Skillzam's
        <a href="https://zamhi.com/skillzam" 
            target="_blank"
            title="The best responsible social networking website/App.">Zamhi</a> page.
    </p>

    <p>Visit Skillzam's <a href="https://workzam.com/company/95/skillzam" target="_blank">Workzam</a> page.</p>

    <hr>
    
    <h2>Hyperlinks to Email address & Phone</h2>

    <p>You can reach Skillzam at: 
        <ul>
            <li><a href="https://skillzam.com" target="_blank">Website</a></li>
            <li><a href="mailto:info@skillzam.com"  title="Email: info@skillzam.com">Email</a></li>
            <li><a href="tel:+91-8050080399">Phone</a></li>
        </ul>
    </p>

    <hr>

    <h2>Image as a Hyperlink</h2>

    <p>  
        <a href="https://skillzam.com" target="_blank">
            <img src="/notes/examples/assets/img/skillzam.png" 
                    alt="Skillzam Homepage"
                    width="200px"
                    height= auto />
        </a>
    </p>

    <hr>

    <h2>Visual Studio Code : Download Links</h2>

    <p><a href="https://code.visualstudio.com/Download" target="_blank">
        Click here
    </a> to go to download page of Visual Studio Code</p>

    <a href="https://code.visualstudio.com/sha/download?build=stable&os=win32-x64-user"
        download="VSCodeUserSetup-x64-1.72.2.exe">
        Download Latest Visual Studio Code (64-bit)
    </a>
    
    </body>
</html>

Output

View original