Tab Menu

4/22/2011

Membuat Option, Form dan List

Oke, kali ini mari kita coba membuat pilihan/option. Tag untuk itu hanya sederhana, yaitu:


<html>
<body>
Minuman Favorit:
<form>
<input type="checkbox"name="jus">Jus
<br>
<input type="checkbox"name="Teh es">Teh Es
<br>
<input type="checkbox"name="es kosong">Es Kosong
<br>
<input type="checkbox"name="teh goyang">Teh Goyang
</form>
</body>
</html>

Perintah diatas adalah untuk menampilkan pilihan Minuman favorit.
Ada juga perintah untuk membuat sebuah form. Misalnya kita ingin membuat sebuah form biodata:

<html>
<body>
<fieldset>
<legend>
Biodata
<legend>
<form>
Nama<input type="text" size="30">
NIM<input type="text" size="12">
Agama<input type="text" size="10">
</form>
</fieldset>
</body>
</html>

Hasil dari tag diatas adalah:

Gimana, udah muulai terbiasa? Sekarang kita akan membuat sebuah list, misalnya tentang list matakuliah  Sistem informasi semester 6. Perintahnya:

<html>
<head>
<title> Mata kuliah </title>
</head>
<body>
<h2> Nama Mata Kuliah : </h2>
<ol type="circle">
<li>Pemograman Web</li>
<li>Sosioteknologi</li>
<li>Teknologi open sources</li>
<li>Enterprises Resources Plan</li>
<li>Ansi 2</li>
</ol>
Tampilannya jika berhasil adalah:

yah, tag diatas masih sederhana dan simple. Sedikit demi sedikit kita akan semakin menjumpai tag-tag yang mulai rumit dan susah. Tunggu saja ya... hehe...

See you again folks... 

Tidak ada komentar:

Posting Komentar