Dokumen html dapat diperindah dengan menyertakan gambar pada halaman web yang dibuat. Tag <img> dapat digunakan untuk memanggil dan menampilkan gambar pada halaman web. Sintaks penulisan tag <img> adalah:
<img src="file_gambar" alt="nama_alternatif">
Atribut 'src' digunakan untuk menentukan sumber file gambar yang akan ditampilkan. Atribut 'alt' berfungsi untuk memberi tulisan pengganti, apabila gambar tidak ditampilkan.
Untuk pengaturan gambar yang lebih baik, tag 'img' menyediakan beberapa atribut, antara lain:
- Atribut 'align' untuk mengatur penempatan teks pada gambar.
- Atribut 'border' untuk memberi bingkai pada gambar.
- Atribut 'height' dan WIDTH untuk mengatur tinggi dan lebar gambar.
Contoh berikut ini memperlihatkan penggunaan atribut-atribut tersebut.
Pada gambar 13.30 terlihat perbedaan tampilan bila dibandingkan dengan gambar 13.29. Tulisan logo linux terletak ditengah gambar karena kita menggunakan atribut 'align dengan nilai middle'. Sedangkan tulisan logo windows terletak di bagian atas karena kita menggunakan align dengan nilai top. Gambar logo windows diberi garis bingkai dengan menggunakan atribut 'border dengan nilai 2'.
Halaman Terkait:
| Penambahan obyek | Horizontal line |
Post a Comment