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:
<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:
<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:
<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:
<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:
<a href="mailto:nama@email.com">Kirim E-mail</a>
Follow us on
