Menyisipkan Link dan Gambar Pada Dokumen HTML

Untuk menyisipkan link dan gambar pada HTML, hanya perlu menyisipkan tag <a> dan diakhiri dengan tag </a>. Sedangkan untuk menyisipkan gambar gunakan tag <img> dan diakhiri dengan </img>.

Dan agar lebih jelas, perhatikan penjelasan berikut:

1). Menyisipkan Link Pada HTML

Perintah anchor <a> digunakan untuk membuat link. Dan digunakan tag <a href=”nama_dokumen”>teks apa saja yang Anda inginkan pada browser </a>.

Untuk membuat link dalam sebuah dokumen HTML perlu disiapkan nama anchor lokasi tujuan link tersebut. Nama anchor dibuat dengan menambahkan atribut name pada tag <a>.

Perhatikan contoh berikut:
<a href=”http://puroza.blogspot.com”>Belajar HTML di Puroza</a>
Maka akan menjadi:
Belajar HTML di Puroza

Dan apabila Anda ingin membuka link pada halamanbaru di browser maka tambahkan atribut target=”_blank”. Maka menjadi:

<a href=”http://puroza.blogspot.com” target="_blank">Belajar HTML di Puroza</a>

2). Menyisipkan Gambar Pada HTML

Dalam HTML digunakan tag <img> untuk menampilkan gambar dalam halaman web. Format gambar yang paling sering digunakan dalam halaman web yaitu GIF dan JPEG, dengan format penulisan: <img src=”file_gambar” alt=”nama_alternatif”> dan diakhiri dengan tag </img>. Atribut src digunakan untuk menentukan sumber gambar, sedangkan alt digunakan sebagai teks pengganti gambar.

Ada beberapa atribut dalam tag <img> yaitu:
  • Border: memberikan suatu batas atau border pada gambar, default-nya=0.
  • Height, weight: menentukan tinggi dan lebar gambar dalam pixel.
  • Hspace, vspace: menentukan jarak spasi horizontal dan spasi vertical antara gambar dengan objek sekitarnya.
  • Align: mengatur perataan gambar terhadap objek di sekelilingnya.

Semoga bermanfaat.

*) Dari berbagai sumber

Ditulis Oleh : puroza.blogspot.com // 18.45
Kategori:

 
Diberdayakan oleh Blogger.