#HTML

Belajar HTML Dasar #6 - Hyperlink

Fahras Nur Hidayat
blog thumbnails

Hyperlink

Salah satu fungsi yang paling sering digunakan adalah hypertext atau text yang jika diklik dapat terhubung dengan file atau halaman lain.

Cara membuatnya dengan menggunakan tag <a> .. </a>, namun ada atribut dasar yang harus ada didalam tag ini, yaitu "href" atau link directory yang dituju dapat berupa ID, ataupun alamat.

ID adalah suatu atribut dari sebuah tag yang digunakan untuk memberi nama atau identitas tag tersebut, dapat kita isi sesuai keinginan.

Sebelumnya coba kita membuat kodingan di file baru, terpisah dari file tutorial sebelumnya. Kemuadian isi nilai dari "href" dapat diisi dengan menggunakan nama file dari tutorial sebelumnya.

Berikut Kodingannya :
  
    <!DOCTYPE html>
    <html lang="en">
      <head>
        <title>Belajar mengenali Navigasi</title>
      </head>
      <body>
        <header>
          Navigasi
        </header>
        <ul>
          <li>
            <a href="#home">Home</a>
          </li>
          <li>
            <a href="#blog">Blog</a>
          </li>
          <li>
            <a href="#about">About</a>
          </li>
        </ul>
      </body>
    </html>
  

Hasilnya seperti ini :

Navigasi tag ul

Atribut href="#home" artinya kita mengarahkan ke ID yang bernama home. selain mengarah ke ID bisa ke file lain loh teman teman.

Dalam sebuah website, navigasi adalah menu yang digunakan untuk berpindah halaman ke halaman lainnya atau dari sebuah situs ke situs lainnya.

Sistem navigasi bisa dibuat dengan menggunakan unsur-unsur yang akan digunakan sebagai navigasi tersebut, misalnya teks ke dalam tag <nav>.

Berikut Contohnya :
  
    <!DOCTYPE html>
    <html lang="en">
      <head>
        <title>Belajar mengenali Navigasi</title>
      </head>
      <body>
        <header>
          Navigasi
        </header>
        <nav>
          <a href="file-home.html">Home</a>
          <a href="file-blog.html">Home</a>
          <a href="file-about.html">Home</a>
        </nav>
      </body>
    </html>
  

Hasilnya seperti ini sama saja seperti kita menggunakan tag <li>.

Navigasi tag ul

Atribut href="file-*.html" artinya kita mengarahkan ke file berbeda.

Sampai sini dulu ya artikel kita kali ini. Sampai bertemu diartikel lainnya see u sobat koding 😉.