Menyisipkan Gambar dan Link

Oke langsung saja tanpa basa-basi kali ini saya akan membahas sedikit tentang cara menyisipkan gambar dan link di HTML.

Gambar

Anda dapat menyisipkan gambar apapun dalam halaman web Anda dengan menggunakan tag <img> . Berikut ini adalah sintaks sederhana untuk menggunakan tag ini .

< img src = " URL gambar " ... atribut -list / >


URL gambar bisa diisi dengan URL gambar yang sudah di-hosting atau  alamat gambar di direktori lokal dengan sarat web bersifat lokal saja.
Oh iya, tag <img> ini termasuk dalam jenis tag kosong jadi tidak perlu tag penutup dan hanya berisi atribut saja.

Ukuran gambar juga bisa diubah-ubah sesuai kebutuhan dengan atribut  width=”...” (isi dengan angka) dan height=”...”(isi dengan angka). Jika anda ingin menabah border pada gambar maka bisa menambah atribut border=”...”(isi dengan angka) dan untuk mengatur posisi gambar bisa menggunakan atribut align=”....”(isi dengan right,left atau center).
Untuk contoh silahkan amati gambar berikut:


Link

Untuk membuat sebuah  link kita bisa menggunakan tag HTML <a> . Tag ini disebut tag anchor dan apa-apa antara tag pembuka <a> dan tag penutupan </a> menjadi bagian dari link dan pengguna dapat mengklik bagian itu untuk mencapai ke dokumen terkait . Berikut ini adalah sintaks sederhana untuk menggunakan tag <a> .

<a href="Document URL" ... attributes-list>Link Text</a>
Contoh :
<a href="http://www.remensinau.blogspot.com" target="_self">Newbie Bootloop</a>

Hasilnya adalah:



Sumber:
Tutorialspoint

Share this

Related Posts

Previous
Next Post »