2. Internal Link

Internal Link adalah link yang menuju ke domain atau halaman web itu sendiri. Internal link biasanya digunakan untuk menghubungkan halaman yang satu dengan yang lainnya dalam satu website atau domain. Contohnya :

Buat 3 buah file baru yang bernama :

  1. halaman1.html
  2. halaman2.html
  3. halaman3.html

lalu masukkan kode ini

Halaman 1
<!DOCTYPE html>
<html lang="en">

<head>
    <title>Halaman 1</title>
</head>

<body>
    <center>
        Halaman 1
    </center>

    <p>
        <a href="halaman1.html">Halaman 1</a>
        <a href="halaman2.html">Halaman 2</a>
        <a href="halaman3.html">Halaman 3</a>
    </p>

    <br>
    <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed fermentum, ipsum sed finibus scelerisque, velit dui
        rutrum enim, a tristique nisi velit et neque. Donec vel justo a justo facilisis dignissim. Donec pharetra
        facilisis neque, ut luctus ipsum pulvinar id. Nulla facilisi. Integer vel nulla ut risus sagittis auctor. Sed
        non felis vel velit semper luctus. Nulla facilisi. Sed vel justo a justo facilisis dignissim. Donec pharetra
        facilisis neque, ut luctus ipsum pulvinar id. Nulla facilisi.
    </p>
</body>

</html>
Halaman 2
<!DOCTYPE html>
<html lang="en">

<head>
    <title>Halaman 2</title>
</head>

<body>
    <center>
        Halaman 2
    </center>

    <p>
        <a href="halaman1.html">Halaman 1</a>
        <a href="halaman2.html">Halaman 2</a>
        <a href="halaman3.html">Halaman 3</a>
    </p>

    <br>
    <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed fermentum, ipsum sed finibus scelerisque, velit dui
        rutrum enim, a tristique nisi velit et neque. Donec vel justo a justo facilisis dignissim. Donec pharetra
        facilisis neque, ut luctus ipsum pulvinar id. Nulla facilisi. Integer vel nulla ut risus sagittis auctor. Sed
        non felis vel velit semper luctus. Nulla facilisi. Sed vel justo a justo facilisis dignissim. Donec pharetra
        facilisis neque, ut luctus ipsum pulvinar id. Nulla facilisi.
    </p>
</body>

</html>
Halaman 3
<!DOCTYPE html>
<html lang="en">

<head>
    <title>Halaman 3</title>
</head>

<body>
    <center>
        Halaman 3
    </center>

    <p>
        <a href="halaman1.html">Halaman 1</a>
        <a href="halaman2.html">Halaman 2</a>
        <a href="halaman3.html">Halaman 3</a>
    </p>

    <br>
    <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed fermentum, ipsum sed finibus scelerisque, velit dui
        rutrum enim, a tristique nisi velit et neque. Donec vel justo a justo facilisis dignissim. Donec pharetra
        facilisis neque, ut luctus ipsum pulvinar id. Nulla facilisi. Integer vel nulla ut risus sagittis auctor. Sed
        non felis vel velit semper luctus. Nulla facilisi. Sed vel justo a justo facilisis dignissim. Donec pharetra
        facilisis neque, ut luctus ipsum pulvinar id. Nulla facilisi.
    </p>
</body>

</html>

Penjelasan

  • <a href="halaman1.html">Halaman 1</a> : Ketika halaman 1 di klik maka akan diarahkan ke halaman halaman1.html
  • br : Break atau digunakan untuk memberikan enter pada HTML