HTML Links

Post by **C0D3D** »

Create hyperlink

Example 1

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Example of HTML a tag</title>
</head>
<body>
	<p><a href="https://codedskills.net">CodedSkills</a></p>
    <p><a href="/images/hacker.png"><img src="/images/kitten0.png" alt="Kittens"></a></p>
    <p><a href="https://www.google.com/">Google Search</a></p>
</body>
</html>

Use image as link

Example 2

Code: Select all

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Example of linking images</title>
</head>
<body>
    <p><a href="/images/kitten0.png"><img src="/images/kitten1.png" alt="Kittens"></a></p>
</body>
</html>

Open link in a new browser window

Example 3

Code: Select all

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Example of linking images</title>
</head>
<body>
    <p><a href="https://codedskills.net" target="_blank">Codedskills</a> This is a link to a website.</p>
</body>
</html>

Navigate inside page - Jump link

Example 4

Code: Select all

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Example of jump link</title>
</head>
<body>
    <p style="margin-bottom: 1200px;"><a href="#notes">Jump Link</a></p>
    <p id="notes">
#CODED BY C0D3D aka Jimmy-Blaize @ https://codedskills.net #IF YOU WISH TO BE A PART OF OUR DEVELOPING TEAM @ CODEDSKILLS.NET, PLEASE EMAIL ME @ moto4gsova@gmail.com with a detailed application. Must speak fluent english. Looking for forum moderators: Must have experience and dedicated time. #LOOKING FOR A GRAPHICS ARTIST TO HELP MAKE OUR COMMUNITY ATTRACTIVE. #LOOKING FOR CODERS, MUST HAVE EXPERIENCE. #LOOKING FOR FORUM MODERATORS. #LOOKING FOR SOCIAL MEDIA NERDS AND OR PEOPLE THAT CAN HELP SPREAD THE WORD. #LOOKING FOR VIDEO EDITORS. #LOOKING FOR PEOPLE WITH LINUX EXPERIENCE. #LOOKING FOR TEACHERS.</p>
</body>
</html>

Move outside of an iframe

Example 5

Code: Select all

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Example of moving outside of an iframe</title>
</head>
<body>
    <p>Want to move outside the iframe and go to the home page: <a href="https://codedskills.net">Click here!</a></p>
</body>
</html>

Creating a mailto link - A link that sends an e-mail

Example 6

Code: Select all

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Example of HTML email link</title>
</head>
<body>
    <p>This is an email link:
        <a href="mailto:someone@mail.com?Subject=Test%20Mail">Send Mail</a>
    </p>
    <p><strong>Note:</strong> Spaces between words should be replaced by %20 to ensure that the browser will display the text correctly.</p>
</body>
</html>

HTML Links

HTML Links

Who is online