Cara Membuat Link dan Memasukkan Gambar di HTML

Halo apa kabar probers? semoga sehat semua yaa kalian. Jadi hari ini mimin mau ngasih tutor tentang pengenalan tag untuk membuat link dan juga memasukkan gambar. Oke langsung aja mimin mulai ya.

Membuat Link


Link di HTML, didefinisikan dengan menggunakan tag <a>, di bawah ini adalah ketentuannya :

<a href="http://masukkan URL yang ingin dituju">Ini adalah sebuah link</a>
  • Alamat link ditentukan dalam atribut href.
  • Atribut digunakan untuk memberikan informasi tambahan tentang elemen HTML.

Oke selanjutnya kita langsung praktek dengan menggunakan script di bawah ini :

<!DOCTYPE html>
<html>
<body>

<a href="http://www.programmers-bekasi.blogspot.com">Klik Di Sini</a>

</body>
</html>
Try It
click to view
Oke setelah probers sudah mengenal dan bisa cara menggunakan script membuat link, selanjutnya mimin akan membahas cara memasukkan gambar.

Memasukkan Gambar


Jika kita ingin memasukkan gambar di HTML maka, pendefinisan gambar di HTML yaitu dengan menggunakan tag <img>. Dibawah ini adalah ketentuannya :


<img src="nama-file.extensi-file" alt="programmers-bekasi.blogspot.com" width="104" height="142">
  • Gambar HTML didefinisikan dengan tag <img>.
  • File sumber (src), teks alternatif (alt), dan ukuran (lebar dan tinggi) disediakan sebagai atribut.

Silahkan jika kalian ingin mencobanya, copy dulu script di bawah ini lalu klik tombol Try It yang terletak di bawah setelah script di bawah ini :


<!DOCTYPE html>
<html>
<body>

<img border="0" alt="programmers-bekasi.blogspot.com" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZg48gkwY6-0K7PXnAf7XjsWQKAdD-bONPWF_nljELLnxyzSSk9Jk84hpM9I6E62lkRJQPG8LM4eGv6qGj98QJYYHkRx1W_5cxpPNhA-OKMXktWL_go0Y-GIjBQgAPxnsZ3f4uB0JVVy_P/s1600/probe.png" />

</body>
</html>

Try It
click to view
Oke sekian dulu tutorial tentang membuat link di HTML dan juga Memasukkan gambar di HTML. Terima Kasih.




SHARE

About Unknown

    Blogger Comment
    Facebook Comment

0 comments:

Post a Comment