Monday 30 April 2018

Mengunakan image sebagai latar belakang dan link

Assalamu'alaikumwarohmatulloh wabarokatuh sobat sekarang kita belajar code html membuat latar belakang menggunakan image dan url image secara sederhana
langsung saja

<HTML>
<HEAD>
<TITLE>Latarbelakang Gambar</TITLE>
<BODY BACKGROUND="Url image"> (code ini backgraund)
<H1><FONT COLOR="blue">ini hanya contoh</FONT></H1>
</BODY></HTML>

yang kedua image link

Kode HTML untuk  link adalah:
 <A HREF="url sobat">keterangan url sobat</A>
Untuk membuat link gambar, kita tinggal menambahkan tag penyisip gambar yaitu
<IMG SRC="url image">.
Sehingga lengkapnya tertulis:
<A HREF="url sobat"><IMG SRC="url image sobat"></A> (ini code image  yang dijadikan link)

ket
ganti yang berwarna merah dengan url/link sobat

ini contoh saya membuat beranda/home

<HTML>
<HEAD>
<TITLE>Latarbelakang Gambar</TITLE>
<BODY BACKGROUND="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtoOquOnTZufx2G6PgFYtSrFtmVuoCXhuqSy18xV5Wrm-mgZ6lHDs8xTswzLKqaJBKGly-Tv4TbQozb4X3wqqfAXGDyNi28JMOxXsd_IDFNzf2bsModKLUQTjBsaNMOa4ENDDnQHGTcUDC/h120/content-light.png">
<H1><FONT COLOR="blue">ini hanya contoh</FONT></H1>
<A HREF="https://hudori123.blogspot.co.id">Home</A><p><br>
<A HREF="https://hudori123.blogspot.co.id">
<IMG SRC="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg04zyJ2hyT_Pgmp_SwTeiHNEgigESqCtqAK2pBf0tNUImy7z7YzTLFGnlx4mY5Yd4vjFS5Fn9VMkSRI6SS3dsJlInl0SV7eBF8Rg8gGBMrufL_NoxcEm8nIoS-K60dLIe5-_P6C7HJWwcR/h120/favicon+%25282%2529.ico" loop="0" border="0"></A>
</p>
</BODY>
</HTML>

HASIL

Latarbelakang Gambar

ini hanya contoh

Home



sekarang sobat bwat contoh sendiri menggunakan  Aplikasi notepad
selamat belajar

Alhamdulillah catatan sederhana Mengunakan image sebagai latar belakang dan link telah selesai mohon maaf jika ada kesalahan Wasalamu'alaikum warohmatulloh wabarokaatuh

No comments:

Post a Comment