Daftar Isi
PETIK.NET | Menambahkan gambar dan hyperlink merupakan hal yang penting dalam pembuatan sebuah halaman web. Dengan menambahkan gambar, website akan terlihat lebih menarik dan dapat memberikan nilai tambah pada konten yang disajikan.
Sementara itu, penggunaan hyperlink dapat membantu pengguna untuk navigasi ke halaman web lain atau ke dalam bagian yang berbeda pada halaman yang sama. Pada artikel ini, kita akan membahas cara menambahkan gambar dan hyperlink pada sebuah halaman web beserta contohnya.
Dalam pembuatan website, menambahkan gambar dan hyperlink merupakan hal yang penting untuk memberikan nilai tambah pada tampilan dan fungsionalitas website. Berikut ini adalah cara menambahkan gambar dan hyperlink pada sebuah halaman web:
Menambahkan Gambar
Untuk menambahkan gambar pada sebuah halaman web, kita dapat menggunakan tag img dan beberapa atribut yang diperlukan seperti src, alt, dan width. Berikut adalah contoh penggunaan tag img:
1 | <img src="namafilegambar.jpg" alt="deskripsi gambar" width="500"> |
Penjelasan:
- src: atribut ini digunakan untuk menentukan sumber atau lokasi file gambar yang ingin ditampilkan.
- alt: atribut ini digunakan untuk memberikan deskripsi singkat mengenai gambar tersebut, jika gambar tidak dapat ditampilkan maka deskripsi tersebut akan ditampilkan sebagai pengganti gambar.
- width: atribut ini digunakan untuk menentukan lebar gambar yang ingin ditampilkan.
Contoh:
1 | <img src="https://i.imgur.com/W8z7FYu.jpg" alt="seorang anak sedang bermain di taman" width="500"> |
Menambahkan Hyperlink
Hyperlink merupakan tautan atau link yang dapat mengarahkan pengguna ke halaman web lain atau ke dalam bagian yang berbeda pada halaman yang sama. Untuk menambahkan hyperlink, kita dapat menggunakan tag a dan atribut href. Berikut adalah contoh penggunaan tag a:
1 | <a href="http://www.contohwebsite.com">Teks yang ingin ditampilkan</a> |
Penjelasan:
- href: atribut ini digunakan untuk menentukan alamat URL yang ingin dituju oleh hyperlink tersebut.
Contoh:
1 | <a href="http://www.google.com">Klik disini untuk pergi ke Google</a> |
Membuat link e-mail dan telepon
Selain hyperlink ke halaman web lain, kita juga dapat membuat hyperlink untuk mengirim e-mail atau menelpon nomor telepon tertentu. Untuk membuat hyperlink ini, kita perlu menambahkan skema khusus pada atribut href. Berikut adalah contoh penggunaan hyperlink untuk e-mail dan telepon:
1 2 3 | <a href="mailto:nama@email.com">Kirim E-mail</a> <a href="tel:+628123456789">Telepon</a> |
Penjelasan:
- mailto: skema ini digunakan untuk membuat hyperlink yang akan membuka aplikasi e-mail pada perangkat pengguna.
- tel: skema ini digunakan untuk membuat hyperlink yang akan membuka aplikasi telepon pada perangkat pengguna.
Contoh:
1 2 3 | <a href="mailto:info@contohwebsite.com">Kirim e-mail untuk mendapatkan informasi</a> <a href="tel:+628123456789">Klik untuk menelpon kami</a> |
Dalam artikel ini, kita telah mempelajari cara menambahkan gambar dan hyperlink pada sebuah halaman web. Dengan mengetahui cara ini, kita dapat meningkatkan tampilan dan fungsionalitas website yang kita buat.
Penggunaan gambar yang tepat dan hyperlink yang relevan dapat membantu meningkatkan pengalaman pengguna dalam menjelajahi halaman web kita.
Oleh karena itu, penting bagi kita untuk memahami cara menambahkan gambar dan hyperlink dengan benar. Semoga artikel ini bermanfaat bagi pembaca dan dapat diaplikasikan dalam pembuatan halaman web.
Dapatkan Berita dan Informasi Terbaru dengan mengikuti kami di Google News
