Cara Memasukkan Gambar dan Membuat Link di HTML

   Pada postingan kali ini saya akan membagi pengalaman saya selama belajar HTML. Yang mana kali ini mengenai bagaimana cara memasukkan gambar dan membuat link di HTML. Baiklah kita mulai dengan :

Cara memasukkan gambar

<img border="0" src="/images/anime.jpg"  alt="Cute anime" width="304" height="228" align="center">

Keterangan : 

·         src digunakan untuk menampilkan gambar yang dipilih. 

·         alt digunakan untuk memberikan label pada gambar.

·         width digunakan untuk lebar dari gambar yang akan di tampilkan, anda juga bisa menggunakan 200px dimana gambar berupa ukuran pixel.

·         height digunakan untuk tinggi dari gambar yang akan ditampilkan 

·         align atau tata letak seperti center, left,right,justify

* tulisan yang dicetak merah dapat anda ganti sesuai dengan gambar yang anda kehendaki.

 Cara membuat link pada HTML

JIka kita menginginkan suatu icon atau teks apabila kita klik secara otomatis akan menuju alamat web yang dikehendaki maka pada teks HTML dapat anda buat teks seperti berikut:

<a herf="http://www.amikom ac.id>Kampusku</a>

Jadi fungsi <a herf="masukkan alamat URL">nama URL yang akan ditampilkan</a>

* pada teks yang dicetak merah dapat anda ganti sesuai alamat dan nama URL yang anda kehendaki.

Dan berikut contoh script HTML nya

 

Dan berikut tampilan pada browser

Belajar HTML

Cara Memasukkan Gambar

Cara Membuat Link

Kampus Ungu

Semoga bermanfaat. ^-^