Pertemuan 4

1.  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” />
2.  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>

3.  Form dan Input HTML
Form  merupakan salah satu elemen HTML yang digunakan untuk mendapatkan masukan dari
pengguna web. Pengguna  web dapat memasukkan input melalui halaman-halaman HTML.
Umumnya pengolahan form dilakukan pada server dengan menggunakan skrip yang bersifat
server-side seperti PHP, ASP dan lain sebagainya. ). Untuk membuat form digunakan  tag awal
<form> dan tag penutup </form>.
Sintaks penulisannya :
<form action=”url” method=”get|post”>

</form>

4.  Elemen Label, Fieldset dan Legend
Elemen label  memberikan fasilitas untuk menambahkan teks pada elemen masukan form. Elemen
ini diisikan dengan deskripsi dari elemen masukan yang ingin ditambahkan dan harus memiliki
atribut for. Atribut for pada elemen label berisikan nilai yang sama dengan atribut id pada elemen
masukan form. Pengisian nilai yang sama akan mengikatkan elemen label dengan elemen masukan
sehingga pengguna dapat langsung mengisikan nilai dengan melakukan klik teks yang dihasilkan
oleh elemen label.  Elemen fieldset  merupakan elemen yang digunakan untuk membungkus
beberapa elemen masukan form, untuk menandakan bahwa elemen-elemen tersebut merupakan
elemen masukan yang berada pada satu grup yang sama, atau saling berhubungan. Sedangkan
Elemen legend digunakan untuk memberikan judul pada sebuah fieldset.
Sintaks penulisannya :
<fieldset>
<legend>Judul</legend>
</fieldset>