Skip to content Skip to sidebar Skip to footer
loading...

Cara Membuat Link Standar, Link ke Email dan Link Aktif Dengan HTML

Cara Membuat Link di HTML, Link Standar, link Email, Link Website

A. Pengertian HTML
HTML atau yang merupakan singkatan dari Hypertext Mark Up Language adalah bahasa standar pemrograman untuk membuat suatu website yang bisa diakses dengan internet. Dengan kata lain halaman website yang kita lihat dan kita baca disusun dengan menggunakan bahasa ini dan kemudian diterjemahkan oleh komputer agar dapat dipahami oleh penggunanya. Html merupakan standar pembuatan website secara luas agar laman website dapat ditampilkan pada layar komputer.

Baca Juga : Cara Membuka Link Pada Tab/Jendela baru di HTML

Html disusun dengan kode dan simbol tertentu yang dimasukkan ke dalam sebuah file atau dokumen. Jadi setiap Anda membuka website apapun dengan menggunakan browser maka web tersebut dibuat dengan menggunakan html.

B. Fungsi HTML
Html yang dikenal sebagai bahasa pemrograman dalam ilmu komputer memiliki beberapa fungsi, diantaranya adalah sebagai berikut:
  1. Fungsi utama html yang diketahui adalah untuk membuat suatu halaman website yang bisa dibaca dan dipahami oleh pengguna dengan lebih mudah. Seluruh laman website yang ada dalam internet dibuat dengan html dan tidak ada pengecualian.
  2. Menandai teks pada suatu laman, html ditulis pada suatu halaman dokumen dengan tag atau simbol tertentu dimana simbol dan tag tersebut akan menandai teks menjadi tebal, miring, bergaris tebal dan lain sebagainya. Misal jika kita membuat suatu teks menjadi teks miring atau italic, dalam laman html dituliskan kode <i>, <b> untuk teks tebal dan <u> untuk teks bergaris bawah.
  3. Sebagai dasar website, website yang dibuat tentunya memiliki beberapa fitur yang dibuat dengan menggunakan java script (untuk mengatur perilaku web), implemetasi bahasa pemrograman server PHP, dan mendesain web menggunakan CSS. Semua bahasa tersebut dapat diaplikasikan jika web memiliki bahasa html sebagai dasarnya.
  4. Menampilkan tabel, gambar, video, dan lainnya. Biasanya dalam website atau blog kita tidak bisa langsung meletakkan tabel, gambar maupun video oleh sebab itu komponen tersebut diletakkan pada web dengan menggunakan bahasa html.
  5. Menandai elemen dan membuat online form, html juga berfungsi untuk menandai bagian-bagian dalam website diantaranya header, main, footer, navigation dan lain sebagainya. Selain itu html juga biasanya digunakan sebagai bahasa dalam membuat suatu online form atau formulir digital.
C. Cara Membuat Link Standar, Link ke Email dan Link  Aktif Dengan HTML
Yang sering anda temui dalam sebuah website adalah link. Link ini akan membuat konten atau elemen HTML4 dapat di klik dan akan mengarahkan/membawa anda ke halaman web lainnya. Biasanya suatu link ditampilkan berwarna biru dan bergaris bawah (selama belum diberi style).

Untuk menghubungkan halaman web Anda dengan halaman lainnya, HTML menyediakan pasangan tag <a> dan </a> pemakaian tag ini yang diikuti dengan atribut href akan memungkinkan halaman web terhubung dengan halaman lain, web lain ataupun emal. Pada hubungan ini terdiri atas tiga model: Cara Membuat Link di HTML

1. Menghubungkan halaman web dengan halaman web pada satu bagian web.
Dengan kode:
<a href="halaman_baru.html">Link Ke Halaman lain</a>
Untuk lebih jelasnya seilahkan tulis kode berikut kemudian simpan dengan nama link.html.

Kemudian Kita buat 2 buah file, yaitu link1.html dan link2.html , Pertama kita buat file baru dengan nama Link1.html berikut kodenya:

Selanjutnya kita buat file link2.html. lalu ketikkan kode beikut:

Dan Ini Hasil dari keseluruhan Kode yang kita buat di atas:

Menghubungkan halaman web dengan halaman web pada satu bagian web.

Jika kita klik Download Link 1 maka akan keluar seperti berikut:

Menghubungkan halaman web dengan halaman web pada satu bagian web.

dan jika kita klik Link2 maka yg akan muncul seprti berikut:

Menghubungkan halaman web dengan halaman web pada satu bagian web.

Note:
Perhatikan Nama file, perhatikan Besar Kecil Huruf dalam penulisan baik di link atau nama file, usahakan sama. Dan untuk peletakan file usahakan di tempat yang sama atau dalam satu folder. Jika berbeda foolder pastikan mencantumkan nama folder. Seprti link/link.html, yang artinya ada folder link dan didalamnya ada file link.html.
2. Menghubungkan halaman web dengan web lain. 
Dengan kode:
 < a href = "http://www.bacacoding.blogspot.co.id">Link ke Website lain</a>
Sedangkan untuk menghubungkan dengan web lain, HTML akan mengenali link dengan fasilitas HTTP, untuk lebih memahami silahkan tulis kode berikut dan simpan dengan nama link_weblain.html.


Dan Berikut adalah Hasil kode diatas:

Membuat Link ke Website Lain

Dan jika anda klik salah satu link maka anda akan di arahkan menuju link tersebut, contoh disini saya mengklik Link Blog Bacacoding dan saya langsung redirect ke Blog Bacacoding seprti berikut:

Membuat Link ke Website Lain

Baca Juga:
Cara Membuat Link Membuka Tab/Window Baru di HTML
Cara Mengatur Karakter Huruf di HTML
Cara embuat Heading atau Penjudulan di HTML

3. Menghubungkan web untuk fasilitas kirim email. 
Anda juga dapat membuat link email, link ini berisi alamat email yang ketika diklik, aplikasi untuk mengirim email akan otomatis terbuka dan tujuan email secara otomatis terisi dengan alamat yang telah ditentukan.Untuk membuat link email, anda tinggal menambahkan mailto:alamat@email di dalam atribut href.
Dengan kode:
 <a href = "mailto:syafrialdiyogi@gmail.com">Link Email</a>
Untuk mengirimkan email, anda dapat menggunakan script atau kode seperti berikut, kemudian simpan dengan nama link_email.html.

Berikut adalah Hasil dari kode di atas:

Membuat Link ke Email

Jika anda klik link email tersebut maka akan di hubungkan ke MS Outlook.

Membuat Link ke Email

Membuat Link ke Email

Selain tipe link-link di atas, masih banyak lagi tipe link lainnya, seperti link No. Telp, Aplikasi dan lainnya.
Nah Bagaimana…? apakah sekarang kamu sudah mengerti Bagaimana Cara Membuat Link dengan HTML? Mungkin itu saja tulisan yang membahas tentang Cara Membuat Link dengan HTML, jika terdapat kekurangan ataupun kesalahan dalam penulisan mohon di maafkan dan perbaiki atau lengkapi saja jika terdapat kesalahan. Kalau memang tulisan ini bermanfaat tidak ada salahnya jika men-Sharenya kepada teman kamu yang lain, sekian dan terimakasih. 

3 comments for "Cara Membuat Link Standar, Link ke Email dan Link Aktif Dengan HTML"

= > Silahkan berkomentar sesuai artikel diatas
= > Berkomentar dengan url ( mati / hidup ) tidak akan di publish

loading...
loading...
loading...