Review Pertemuan ke-4 Pengenalan Perancangan Web

  >  Image HTML

Bayangkan apabila di web anda anda berisi tulisan dan tidak ada gambarnya pasti tidak menarik. Gambar di dalam suatu web page merupakan daya penarik bagi pengunjung. Adanya gambar di web anda akan memperindah tampilan. File gambar yang umum digunakan ada 3 jenis format yaitu PNG, GIF, dan JPG. Ketika anda memilih suatu gambar harus memperhatikan dari format gambar yang digunakan karena setiap gambar akan membutuhkan waktu tambahan untuk di download dan memperlambat awal penampilan suatu dokumen dalam browser. Oleh karena itu, berhati-hatilah dalam memilih gambar dan menyertakannya ke dalam suatu dokumen. Untuk menysipkan gambar pada dokumen html di sediakan secara khusus yaitu Tag <img>.

Sintaks penulisannya :

<img src=”url” />

Tag <img> mempunyai atribut di antaranya:

Atribut	Penjelasan
src	Url dari file image/direktori gambar
align	Letak gambar pada teks, nilai atributnya left, right, top, middle, dan bottom
width	Lebar gambar dalam satuan pixel
height	Tinggi gambar dalam satuan pixel
alt	Menampilkan teks pengganti jika gambar tidak tampil di brows
border	Memberi bingkai pada gambar

Catatan:

Apabila anda ingin melihat perbedaan letak posisi gambar pada latihan1.html, silahkan ganti pada atribut align=”bottom”. Apabila anda ingin melihat fungsi atribut alt, url dari file image/direktori gambar anda salahkan.

> Tabel HTML

Tabel  dapat digunakan untuk  memberikan data dalam bentuk kolom dan baris. Sebuah tabel mempunyai judul, baris untuk informasi, dan sel untuk setiap itemnya. Tabel dapat di isi dengan daftar item, paragraf, form, gambar, teks-teks preformatted, dan bahkan tabel-tabel yang lain (tabel dalam tabel). Untuk membuat tabel digunakan tag awal <table> dan tag penutup </table>.

Sintaks penulisannya :

<table>

<tr>

<td>Data Tabel</td>

<tr>

</table>

Elemen-Elemen Tabel

Elemen	Penjelasan
<table> .  .  . </table>	Tag pembentuk tabel. jika border disertakan, maka tabel akan tampil disertai border. Nilai border 0 – 30.
<caption> .  .  . </caption>	Pembentuk judul tabel. judul dapat diberi tag apa saja.
<tr> .  .  . </tr>	Penjelaskan baris tabel dalam tabel. atribut yang dipakai : align(left, center dan right) atau valign(top, middle dan bottom).
<th> .  .  . </th>	Pembentuk sel header tabel. Secara default teks dalam sel ini di tebalkan dan di tampilkan ditengah.
<td> .  .  . </td>	Pembentuk sel data dalam tabel.