- Link pada HTML
Link HTML adalah hyperlink. Sebuah hyperlink adalah teks atau gambar yang Anda dapat mengklik, dan melompat ke dokumen lain. jika kita ingin menambah link pada HTML kita kita perlu menggunakan tag <a>,dengan rumus :
"<a href="url">link text</a>"
- href ini merupakan atribut yang berguna untuk menentukan alamat alamat tujuan link yang dituju.
- link text adalah untuk menampilkan teks tentang halaman link yang dituju. Mengklik pada link teks, akan mengirimkan ke alamat yang ditentukan.
- Gambar Pada HTML
Dalam HTML, gambar didefinisikan dengan tag <img>. <Img> tag kosong, berisi atribut saja, dan tidak memiliki tag penutup. Src atribut mendefinisikan url (alamat web) dari gambar:
<img src="url" alt="some_text">
Atribut alt menentukan sebuah teks alternatif untuk gambar, jika tidak dapat ditampilkan.
Nilai atribut alt harus menjelaskan gambar dengan kata-kata:
<img src="html5.gif" alt="The official HTML5 Icon">
Atribut alt diperlukan. Sebuah halaman web tidak akan memvalidasi dengan benar tanpa itu.
Image Size - Width and Height atau style
Anda dapat menggunakan atribut style untuk menentukan lebar(Width) dan tinggi (Height) dari suatu gambar. Nilai-nilai ukuran pada gambar yang ditentukan dalam pixel (px digunakan setelah nilai) atau tanpa menggunaka pixel juga anda bisa menentukan lebar dan tingginya gambar, anda juga bisa menggunakan atribut style untuk menampilkan gambar pada html atribut ini digunakan untuk menampilkan gambar dengan pixel sesuai dengan gambar aslinya:
Ok baiklah mari kita langsung ke contohnya saja ya, tapi sebelum membuatnya coba pilih 2 gambar yang berbeda dan copi kedalam satu folder dengan dokumen html, agar lebih mudah dalam mencobanya. coba buatlah dokumen html seperti link di bawah ini :
<html>
<head>
<title>tutorial memasang link pada html</title>
<style>
img { width:100%; }
</style>
</head>
<body>
<p>Lebih baik menggunakan atribut style (bukan lebar dan tinggi atribut), karena mencegah
internal atau eksternal lembar gaya untuk mengubah ukuran default gambar</p>
<a href="http://www.amikom.ac.id">Kampus ku<a>
<img src="amikom.jpg" alt="HTML5 Icon" width="500" height="600">
<img src="image1.gif" alt="HTML5 Icon" style="width:50px;height:50px">
</body>
</html>
maka hasilnya akan seperti ini :
mukin sekian dulu ya tutorial kali ini, terimakasih sudah membaca tutorial saya, semoga bermanfaat ya....
Tidak ada komentar:
Posting Komentar