Link HTML

Belajar HTML sebelumnya >>>Tag dan Atribut HTML

kursus-online.com

Sebuah Link HTML adalah alamat yang merujuk kepada ke dokumen atau alamat lain di internet. Secara mudahnya link itu adalah teks atau gambar yang terhubung dengan dokumen(halaman) dalam web, baik halaman itu masih dalam satu web atau halaman web pihak lain. Maka setelah kita meng klik teks atau gambar itu , lalu kita akan di bawa ke suatu halaman yang telah terhubung tadi.

Tag yang kita gunakan untuk membuat link adalah <a> yang di padukan dengan atribut href dangan kode dasar adalah :

<a href="url"> Teks Link </a>

Dalam kode di atas tag pembuka di ikuti atribut href="url". Nah url itulah alamat yang kita tuju, contohnya http ://tetapbersyukur.wordpress.com/ . Jangan lupa alamat urlnya diapit tanda petik. Selanjutnya Teks Link adalah teks atau bisa juga berupa gambar yang akan tampil sebagai objek link, atau lebih mudahnya teks atau gambar yang nantinya akan kita klik.

Contoh kodenya seperti ini

<a href="http ://kotasantri.com/"> MUSLIM COMMUNITY </a>

Hasilnya seperti ini

MUSLIM COMMUNITY

Setelah kita meng klik teks di atas maka kita akan di bawa ke alamat url http://kotasantri.com/

Mudah kan???

Dari kode diatas, alamat yang kita tuju akan terbuka di tab yang sama. Jadi secara otomatis kita meninggalkan halaman yang kita baca sebelumnya. Jika kamu ingin alamat yang kita tuju bisa terbuka di tab yang baru, artinya jika masih ingin tetap membaca halaman sebelumnya dan sekaligus alamat yang kita tuju juga akan terbuka, maka kita menggunakan atribut tambahan yaitu target. Sehingga kodenya jadi begini,

<a href="http ://kotasantri.com/" target="_blank"> MUSLIM COMMUNITY </a>

Hasilnya tetap seperti tadi

MUSLIM COMMUNITY

Bedanya setelah kita klik, kita akan dibawa ke tab yang baru. Coba saja kalau ngga percaya😀

Demikian yang dapat saya sampaikan pada kesempatan kali ini, semoga bermanfaat🙂


Jika ingin belajar HTML,PHP dan MySQL sekaligus praktek dan berpeluang untuk menambah penghasilan, silahkan klik DISINI


Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: