Yuk Belajar HTML+CSS | Cara Membuat Tombol Navigasi Di Halaman Web

Halo sahabat @AgendaPembelajaran, kali ini kita akan belajar tentang cara membuat tombol navigasi (hyperlink/link) di halaman web. Untuk bahan latihan, silahkan download source codenya.
Silahkan klik link download berikut ini:
https://drive.google.com/open?id=10zeZ2_KkIvkFKj8cAY2vR-XrAYM35BDI
Untuk gabung ke kelas online Agenda Pemelajaran silahkan catat kode kelasnya: 7gyhi2l

Silahkan cek video dengan tema web statis lainnya:





Selamat belajar, semoga bermanfaat!
#html4, #html5, #CSS, #htmlcoding

Belajar HTML Dasar #09 Link dan Tag Anchor

Untuk membuat link, kita menggunakan anchor tag. Elemen yang digunakan disini adalah huruf a, singkatan dari anchor. Setelah harus menggunakan attribute href untuk menunjukan alamat dokumen yang akan dituju. Konten yang diapit oleh anchor tag akan menjadi hypertext, yaitu text yang apabila diklik akan mengantarkan pengunjung ke dokumen lain sesuai dengan alamat yang ditunjuk pada href.

Ada beberapa cara membuat link yang dibahas di dalam video ini. Yang pertama adalah link yang menggunakan Absolute URL. Disini kita mengisikan attribute href dengan alamat lengkap dari dokumen, termasuk jenis protokol yang digunakan untuk mengakses dokumen tersebut, seperti http atau https.

Yang kedua ada link menggunakan Relative URL. Disini kita cukup menuliskan nama folder dan nama file dari dokumen, dan browser akan mencari dokumen tersebut berdasarkan folder dari dokumen yang sedang diakses sekarang.

Selanjutnya kita juga bisa membuat link menuju elemen pada halaman yang sama. Disini kita mengisikan attribute href dengan ID dari elemen tersebut, diawali dengan tanda hash. Setelah itu kita menambahkan ID pada elemen yang akan dituju apabila link tersebut diklik.

Link juga bisa digunakan untuk membawa browser kembali ke bagian konten paling atas. Untuk itu kita cukup mengisikan attribute href dengan nilai tanda hash saja.

Link juga bisa digunakan agar pengunjung dapat lebih mudah mengirimkan email ke kita. Kita bisa mengisikan attribute href dengan protokol mailto diikuti tanda titik dua dan alamat email kita, di dalam contoh ini adalah david@skysensolution.com. Nantinya apabila link ini diklik, maka browser akan membuka email client dari perangkat tersebut, dan langsung membuka halaman membuat email baru dengan alamat tujuan david@skysensolution.com.

Penggunaan selanjutnya yang sedang popular pada saat ini adalah untuk mengirimkan pesan Whatsapp. Untuk itu kita bisa mengisikan attribute href dengan protokol https://wa.me/ diikuti dengan nomor Whatsapp kita. Perlu diingat disini bahwa nomor Whatsapp diawali dengan kode negara, dan kode negara Indonesia adalah 62.

Kita bisa mengatur akan link dibuka pada tab baru, sehingga alamat yang sekarang masih tetap bisa diakses oleh pengguna. Untuk itu kita bisa menambahkan attribute target=”_blank”.

HTML Dasar : Hyperlink (8/13)

Mari belajar mengenai Hyperlink, hal yang penting dalam HTML, karena tidak akan ada web jika tidak ada hyperlink.

pada video ini kita akan belajar mengenai bagaimana cara membuatnya, apa tag yang digunakan, dan apa kegunaannya.

DOWNLOAD SLIDE :

Follow juga akun media sosial kita yang lain :

– https://www.facebook.com/WebProgrammingUNPAS
– http://twitter.com/pw1unpas
– http://instagram.com/webprogrammingunpas

terimakasih dan selamat #ngoding!

@sandhikagalih

5.5 Membuat Hyperlink pada HTML | Belajar HTML

Dalam halaman web sudah biasa terdapat sebuah link. Video ini menjelaskan tutorial membuat hyperlink baik dalam bentuk teks atau gambar.

Playlist Belajar HTML : https://world wide web.youtube.com/watch?v=8UWEhrmOPeU&list=PLo6nZTcpSz2rk0iyUOcWbazSvClH1aDre

Tempat Latihan : https://world wide web.w3schools.com/html/html_links.asp

Selamat Belajar

#5 – Hyperlink – Belajar HTML

Bissmillah,

Kali ini kita akan melanjutkan Seri Belajar HTML Dasar dan Video ini akan membahas tentang Hyperlink pada HTML dimana hyperlink sangat dibutuhkan dalam membangun sebuah halaman website, salah satunya adalah jika ingin menghubungkan halaman satu ke halaman lainnya. Silah teman2 praktekkan, jika ada yang ini ditanyakan langsung komentar di bawah yaa.

Sebelumnya terima kasih buat teman2 yang sudah mensuport dengan like, comment, share dan subscribe funnel ini.

Video Sebelumnya :

– https://youtu.be/fOqDw3KuYio

– https://youtu.be/B6Uh0QdCLVE

– https://world wide web.youtube.com/watch?v=3YWsswnBdt8

– https://world wide web.youtube.com/watch?v=L6crVkV-Nl8

Video lainya :

– https://world wide web.youtube.com/watch?v=xAk8Wb8Ry7I

– https://world wide web.youtube.com/watch?v=-AjUMxNkbEA

MEDIA SOSIAL

– http://instagram.com/hafid.dev

– https://facebook.com/myhafid.dev

– https://world wide web.facebook.com/NgodingPintar

STMIK PPKIA Tarakanita Rahmawati

– http://world wide web.ppkia.ac.id/

-https://world wide web.youtube.com/funnel/UCgw0ygMXiy2PECTUAPT5zpQ

terimakasih dan selamat #ngopi #NgodingPintar #BelajarHTML