Materi Persamaan Garis Lurus - Matematika SMP Kelas VIII

Materi Persamaan Garis Lurus - Matematika SMP Kelas VIII

Tujuan pembelajaranmu pada bab ini adalah:

1. dapat mengenal pengertian dan menentukan gradien garis lurus dalam berbagai bentuk;
2. dapat menentukan persamaan garis lurus yang melalui dua titik, melalui satu titik dengan gradien tertentu;
3. dapat menggambar grafik garis lurus.

Kata-Kata Kunci:

• gradien garis lurus
• persamaan garis lurus
• grafik garis lurus

Untuk Selengkapnya Bisa di Download Disini: =>> DOWNLOAD

Read More

Materi Fungsi - Matematika SMP Kelas VIII

 Materi Fungsi - Matematika SMP Kelas VIII

Tujuan pembelajaranmu pada bab ini adalah:

1. dapat menjelaskan dengan kata-kata dan menyatakan masalah sehari-hari yang berkaitan dengan relasi dan fungsi;
2. dapat menyatakan suatu fungsi dengan notasi;
3. dapat menghitung nilai fungsi;
4. dapat menentukan bentuk fungsi jika nilai dan data fungsi diketahui;
5. dapat menyusun tabel pasangan nilai peubah dengan nilai fungsi;
6. dapat menggambar grafik fungsi pada koordinat Cartesius.

Kata-Kata Kunci:

• relasi
• fungsi
• grafik fungsi

Untuk selengkapnya bisa di download disini: =>> DOWNLOAD

Read More

Materi Faktorisasi Bentuk Aljabar - Matematika SMP Kelas VIII

Materi Faktorisasi Bentuk Aljabar - Matematika SMP Kelas VIII

Tujuan pembelajaranmu pada bab ini adalah:

1. dapat menyelesaikan operasi tambah, kurang, kali, bagi, dan pangkat padabentuk aljabar;
2. dapat menentukan faktor suku aljabar;
3. dapat menguraikan bentuk aljabar ke dalam faktor-faktornya.

Kata-Kata Kunci:

• penjumlahan bentuk aljabar 
• perpangkatan bentuk aljabar
• pengurangan bentuk aljabar 
• faktor suku aljabar
• perkalian bentuk aljabar 
• faktorisasi bentuk aljabar
• pembagian bentuk aljabar

Untuk Selengkapnya bisa didownload disini: =>> DOWNLOAD

Read More

Materi Fungsi, Persamaan dan Pertidaksamaan Eksponen dan Logaritma - Matematika Kelas XII IPA

MATERI AJAR MATEMATIKA XII IPA BAB FUNGSI,PERSAMAAN DAN PERTIDAKSAMAAN EKSPONEN,LOGARITMA 

Standar Kompetensi
5. Merancang dan menggunakan model matematika program linear serta menggunakan sifat dan aturan yang berkaitan dengan barisan,deret, matriks, vektor, transformasi, fungsi eksponen, dan logaritma dalam pemecahan masalah.
Kompetensi Dasar
5.1 Menggambarkan grafiik dan menggunakan sifat- sifat fungsi eksponen dalam pemecahan masalah
5.2 Menggunakan sifat- sifat fungsi eksponen dalam penyelesaian pertidaksamaan eksponen
5.3 Menggambarkan grafik dan menggunakan sifat- sifat fungsi logaritma dalam pemecahan masalah
5.4 Menggunakan sifat- sifat fungsi eksponen dalam penyelesaian pertidaksamaan eksponen
Indikator

1. Menentukan penyelesaian persamaan eksponen
2. Menjelaskan sifat-sifat fungsi eksponen yang digunakan dalam proses penyelesaian persamaan eksponen.
3. Menentukan penyelesaian pertidaksamaan eksponen
4. Menjelaskan sifat-sifat fungsi eksponen yang digunakan dalam proses penyelesaian pertidaksamaan eksponen.
5. Menjelaskan sifat-sifat fungsi logaritma yang digunakan dalam proses penyelesaian persamaan logaritma.
6. Menentukan penyelesaian persamaan logaritma.
7. Menentukan penyelesaian pertidaksamaan logaritma
8. Menjelaskan sifat-sifat fungsi logaritma yang digunakan dalam proses penyelesaian pertidaksamaan logaritma

A. Tujuan Pembelajaran
Peserta didik dapat

• Menjelaskan sifat-sifat fungsi eksponen yang digunakan dalam proses penyelesaian persamaan eksponen;
• Menentukan penyelesaian persamaan eksponen;
• Menentukan penyelesaian persamaan logaritma.
• Menjelaskan sifat-sifat fungsi logaritma yang digunakan dalam proses penyelesaian persamaan logaritma
• Menjelaskan sifat-sifat fungsi logaritma yang digunakan dalam proses penyelesaian pertidaksamaan logaritma
• Menentukan penyelesaian pertidaksamaan logaritma

B.Materi Pembelajaran

• Fungsi dan Persamaan Eksponen
• Pertidaksamaan Eksponen
• Fungsi dan Persamaan Logaritma
• Pertidaksamaan logaritma

Untuk memperjelas tulisan atau gambar silahkan diKLIK ???
Selengkapnya Silahkan Ambil(Download) File Dibawah Ini:
1.Dalam Bentuk PDF

Read More

Materi Barisan dan Deret - Matematika Kelas XII IPA

MATERI AJAR MATEMATIKA XII IPA BAB BARISAN DAN DERET 

Standar Kompetensi
4.Menggunakan konsep barisan dan deret dalam pemecahan masalah
Kompetensi Dasar
4.1.Menentukan suku ke-n barisan dan jumlah n suku deret aritmetika dan geometri
4.2.Menggunakan notasi sigma dalam deret dan induksi matematika dalam pembuktian
4.3.Merancang model matematika dari masalah yang berkaitan dengan deret
4.4.Menyelesaikan model matematika dari masalah yang berkaitan dengan deret dan penafsirannya
Indikator

1. Menjelaskan arti barisan dan deret
2. Menemukan rumus barisan dan deret aritmatika
3. Menemukan rumus barisan dan deret geometri
4. Menghitung suku ke-n dan jumlah n suku deret aritmetika dan deret geometri.
5. Menuliskan suatu deret dengan notasi sigma.
6. Menggunakan induksi matematika dalam pembuktian.
7. Mengidentifikasi masalah yang berkaitan dengan deret.
8. Merumuskan model matematika dari masalah deret
9. Menentukan penyelesaian model matematika yang berkaitan dengan deret
10. Memberikan tafsiran terhadap hasil penyelesaian yang diperoleh

A.Tujuan Pembelajaran
Peserta didik dapat

• menjelaskan ciri barisan aritmetika dan barisan geometri;
• merumuskan suku ke-n barisan aritmetika dan jumlah n suku deret arit¬metika;
• menentukan suku ke-n barisan aritmetika dan jumlah n suku deret aritmetika;
• merumuskan suku ke-n barisan geometri dan jumlah n suku deret geometri;
• menentukan suku ke-n barisan geometri dan jumlah n suku deret geometri;
• menjelaskan ciri deret geometri tak berhingga yang mempunyai jumlah;
• menghitung jumlah deret geometri tak berhingga.

B.Materi Pembelajaran

• Pola Bilangan
• Barisan Bilangan
• Barisan dan deret Aritmatika dan Geometri
• Notasi Sigma
• Induksi Matematika
• Model Matematika dari masalah deret
• Solusi dari masalah deret

Untuk memperjelas tulisan gambar diklik ...??
Dan Seterusnya ....???
Baca Selengkapnya Silahkan Ambil(Download) File Dibawah Ini:
1.Dalam Format PDF

Read More

Hyperlink (link) dan Gambar

Hyperlink (link)

Saat kita mengunjungi halaman website, pasti kita pernah mengklik kata, kalimat atu pun gambar, kemudian kitapindah dari halaman website terebut ke halaman website yang lain. Kata, kalimat atau gambar yang memungkinkan kita berpindah dari halaman website yang satu kehalaman website yang lain inilah yang disebut dengan Hyperlink (link).
Dalam HTML, sebuah Hyperlink (link) dinyatakan dengan tag <a>, Syntax-nya:

<a href="url">Teks/Gambar</a>

Teks/gambar bisa diisi dengan teks ataupun gambar apa saja..
Sedangkan "url pada atribut "href" merupakan alamat url halaman website tujuan apabila kita mengkliknya..
Contoh:

<a href="http://www.bandil.tk">Moving Forward</a>

Output:
Moving Forward

#coba klik#
Apabila kita mengarahkan kursor pada sebuah hyperlink, tanda panah akan berubah menjadi gambar tangan kecil yang menunjuk, dan apabila kita mengklik teks tersebut, kita akan menuju pada halaman depan www.bandil.tk.
Bila kita ingin halaman web yang terkait pada link tersebut terbuka pada tab atau jendela baru pada saat kita klik, kita bisa menambahkan atribut "target" dan valuenya "_blank".
Contoh:

<a href="http://www.bandil.tk" target="_blank">Moving Forward</a>

**Selain digunakan untuk berpindah dari halaman website ke halaman website yang lain, link dalam HTML juga dapat digunakan untuk berpindah dari suatu bagian kebagian lain suatu halaman website yang sama.
Dengan membuat sebuah bookmark pada suatu bagian halaman, kita bisa melakukan ini..
Langkah-langkah:
Pertama buat bookmark, gunakan atribut "id".
eg:

<a id="contoh">Contoh Pendukung</a>

Pada bagian lain halaman, buat link menuju bookmark tersebut dengan cara seperti contoh:

<a href="#contoh">Lihat Contoh Pendukung</a>

Jangan lupa memberi tanda pagar (#) pada nilai atribut href.
Kita juga bisa membuat link dari halaman lain yang apabila dibuka akan menuju halaman tepat pada bagian yang telah kita bookmark tadi.
contoh:

<a href="http://www.bandil.tk/hyperlink.html#contoh">Contoh Hyperlink</a>

---

Gambar

Pada tutorial sebelumnya pernah saya berikan sebuah contoh tag HTML untuk menampilkan gambar, disini kita akan membahas lebih detail lagi tentang menampilkan sebuah gambar pada dokumen HTML.
Untuk menampilkan gambar dalam HTML, kita menggunakan tag <img> tanpa tag akhir dan atribut "src". Atribut "src" ini digunakan untuk menentukan lokasi gambar baik yang satu lokasi pada webserver ataupun pada webserver yang lain.
Contoh:

<img src="http://www.bandil.tk/gambarku.jpg/"/>

Untuk menentukan ukuran gambar, kita bisa menggunakan atribut "height" dan "width". Kita juga bisa mengunakan atribut "alt" untuk mengganti gambar dengan teks alternatif apabila karena suatu alasan tertentu gambar tidak bisa ditampilkan.
Contoh:

<img src="http://www.bandil.tk/gambarku.jpg/" width=320 height=360 alt="Gambarku"/>

Height adalah tinggi gambar, width adalah lebar gambar dan alt merupakan teks alternatif..
Yang terakhir adalah membuat sebuah gambar menjadi Hyperlink, caranya seperti contoh berikut:

<a href="http://www.bandil.tk/"><img src="http://www.bandil.tk/gambarku.jpg/"/></a>

Mudah kan?! :D

Inlink nav:
Prev Tut: Format text dan Style HTML

Next tut: Tabel HTML

Index Tutorial

Read More

Format teks dan Style HTML

Format teks

Tag-tag HTMLyang diunakan untuk menformat teks dapat dilihat dalam tabel berikut ini:

Tag	Menyatakan teks yang
<b>	Tebal
<big>	Besar
<em>	Menekankan
<i>	Miring
<small>	Kecil
<strong>	Strong (kuat)
<sub>	Subscript (teks agak kebawah)
<sup>	Superscript (teks agak keatas)
<ins>	Ditambahkan / Inserted
<del>	Dihapus / Deleted

Contoh:
<b>Teks tebal</b> <br/>
<i>miring</i> <br/>
<big>besar</big><br/>
<strong>strong</strong><br/>
<em>menekankan</em><br/>
yang ^superscript<br/>
yang _Subscript<br/>
<del>dihapus</del><br/>
<ins>ditambahkan</ins><br/>

Output:
Teks tebal
miring
besar
strong
menekankan
yang ^superscript
yang _Subscript


dihapus


ditambahkan

---

Style

Dengan atribut "style", kita bisa menentukan style atau gaya dari background, teks maupun konten HTML lainnya dari website kita.
Ini adalah beberapa properti yang digunakan dalam atribut style:
background-color | color | text-align | font-family | font-size | dll..
Syntax-nya seperti berikut:
style="prop1:value;prop2:value;prop3:value;"
Contoh:
<body style="background-color:blue;">
<h3 style="background-color:aqua;">Heading 3</h3>
<p style="font-family:arial;color:red;font-size:10px;">Paragraf baru</p>
<p style="text-align:center;color:yellow;">Paragraf rata tengah warna kuning</p>
Output:

Heading 3

Paragraf baru

Paragraf rata tengah warna kuning

Untuk preperti-properti yang lain bisa dipelajari lebih dalam lagi pada tutorial CSS yang akan ditulis terpisah dari tutorial ini.
CSS digunakan untuk menentukan style dari element HTML sama seperti atribut style. Tapi penggunaan CSS ini akan jauh lebih efisien dibandingkan dg menggunakan atribut style.

Inlink nav:
Prev Tut: Heading, garis, komentar, paragraf dan break line HTML

Next tut: Hyperlink (link) dan Gambar

Index Tutorial

Read More

Heading, garis, komentar, paragraf dan break line HTML

Heading

Heading digunakan untuk menyatakan prioritas struktur dalam suatu halaman web. Heading ini sangat penting karena mesin pencari (search engine) seperti google dan yahoo menggunakannya untuk mengindeks konten dan struktur dalam suatu website.
Tag HTML untuk heading adalah:
<h1> sampai <h6>
Judul/pos/konten yang paling penting dinyatakan dengan <h1> sedemikian seterusnya sehingga konten yang paling tidak penting dinyatakan dengan <h6>.
Contoh:
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>

---

Garis (<hr>)

JIka kita ingin membuat garis horizontal pada website kita, kita dapat menggunakan tag html <hr/>. Tag ini merupakan element kosong, artinya tidak perlu ending tag.
Contoh:
<p>Ini paragraf</p>
<hr/>
<p>Paragraf yang lain</p>

---

Komentar

Bayangkan bila kita membuat halaman website dengan tag-tag HTML yang sangaat banyak. Tentunya kita akan kesulitan untuk membaca bagian-bagian dari website tersebut.
Disinilah gunanya komentar (comment) HTML. Ini digunakan untuk memberikan tanda atau keterangan pada kode-kode HTML tersebut.
Komentar ini akan diabaikan oleh web browser, artinya tidak ditampilkan sebagai output konten web. Hanya bisa dilihat pada kode sumbernya saja..
Komentar ditulis dengan diantara tag <!-- dan -->
Contoh:
<!-- Baris Body dimulai dari sini -->
<body>
<p>Paragraf satu</p>
</body>
<!-- Baris body berakhir disini -->
output:
Paragraf satu

---

Paragraf dan Break line

Seperti contoh-contoh di atas, paragraf dalam HTML dinyatakan dengan tag <p>. Antara paragraf yang satu dengan paragraf yang lain, web browser secara otomatis menambahkan baris kosong yang baru.
Dengan menggunakan breakline, kita dapat membuat atau pindah kebaris baru tanpa harus mmbuat paragraf yang baru.
Breakline dinyatakan dengan tag <br/>
Contoh:
<p>paragraf satu</p>
<p>Paragraf dua <br/> baris ke dua paragraf dua </p>
Output:
paragraf satu
Paragraf dua
baris ke dua paragraf dua
Inlinknav:
Prev Tut: Element dan Atribut HTML

Next Tut: Format text dan Style HTML

Index Tutorial

Read More

Frame dan Iframe HTML

Frame

Frame memungkinkan kita membagi sebuah halaman website menjadi beberapa baris dan/atau kolom jendela dimana msing-masing kolom atau baris tersebut dapat memuat dokumen HTML (halaman website) yang lain yang berbeda.
Tag untukm menyatakan Frame adalah <frameset> dan masing--masing jendela dalam frame dinyatakan dengan tag <frame>.
Ukuran masing-masing frame ditentukan dengan atribut "rows" atau "cols" pada tag <frameset>.
Jika kita menggunakan atribut rows, nanti frame yang terbentuk akan tersusun sebagai baris-baris, sedangkan apabila menggunakan atribut cols, frame tersusun sebagai kolom-kolom.
Ukuran frame dapat dinyatakan dalam persen maupun pixel.
Pada tag  < frame>, kita gunakan atribut "src", kemudian nilanya berupa alamat url dokumen HTML lain yang ingin kita msukkan kedalam frame.
Contoh:
* Frame Baris
<frameset rows="25%,25%,25%,25%">
<frame src="http://www.contoh.com/doc1.hmtl"/>
<frame src="http://www.contoh.com/doc2.hmtl"/>
<frame src="http://www.contoh.com/doc3.hmtl"/>
<frame src="http://www.contoh.com/doc4.hmtl"/>
</frameset>
*Frame Kolom

<frameset cols="25%,25%,25%,25%">
<frame src="http://www.contoh.com/doc1.hmtl"/>
<frame src="http://www.contoh.com/doc2.hmtl"/>
<frame src="http://www.contoh.com/doc3.hmtl"/>
<frame src="http://www.contoh.com/doc4.hmtl"/>
</frameset>
Nilai pada atribut rows/cols, yaitu "25%,25%,25%,25%" menunjukkan bahwa ukuran frame yang pertama, ke dua, ke tiga dan ke empat adalah 25% (1/4) dari keseluruhan jendela.
Kita bisa mengubah ukuran frame menurut selera kita, bisa juga ukuran frame dinyatakan dalam pixel.
Beberapa atribut lain yang bisa digunakan dalam element <framest>:
* noresize="noresize"
Atribut ini berfungsi agar frame tidak memiliki batas. Secara otomatis, farme akan memiliki batas berupa bingkai yang memiliki scrool bar.
* name="name"
Atribut ini digunakan untuk memberi nama frame. Dengan memberi nama pasda sebuah frame, kita bis membuat sebuah link yang apabila kita mengkliknya, halaman website (dokumen HTML) tujuan link tersebut akan terbuka pada frame yang dipilih atau ditargetkan.
Misalkan kita membuat sebuah frameset dengan dua buah frame. Frame pertama berisi sebuah dokumen HTML dengan beberapa buah link di dalamnya. Kemudian frame kedua kita beri nama frame2 dengan cara menambahkan atribut name dengan nilanya adalah frame2 => name="frame2". Kode HTML frameset tersebut aka tampak seperti ini:
<frameset cols="25%,75%">
<frame src="http://www.contoh.com/doc1.hmtl"/>
<frame name="frame2" src="http://www.contoh.com/doc2.hmtl"/>
</frameset>
Pada dokumen HTML yang kita tampilkan pada frame pertama berisi beberapa buah link, agar masing-masing link apabila diklik dokumen HTML tujuan link bisa terbuka pada frame ke dua (frame dengan nama frame2), kita harus menambahkan atribut target dengan nilainya adalah nama frame ke dua, yaitu frame2. Kode link akan tampak seperti ini:
<a href="http://www.contoh.com/link1.html" target="frame2">Link1</a>
Selamat mencoba...
Note:
Kita tidak bisa menggunakan leement <frameset> bersamaan dengan element <body>. Jadi, saat membuat frameset, jangan gunakan element <body> pada dokumen HTML tersebut.

---

IFRAME

Sebenarnya, iframe ini hampir sama dengan element <frameset> yang baru kita bahas. Iframe juga dapat menampilkan halaman website lain pada sebuah halaman website secara inline. Ini seperti melihat halaman website lain melalui jendela yang kita buat dengan Iframe.
Tag yang digunakan untuk membuat iframe adalah: <iframe>
Format penulisannya sebagai berikut:
<iframe src="url"></iframe>
Atribut "src" menunjukkan alamat website yang akan kita tampilkan kedlam iframe.
Atribut lain yang sering digunakan dalam iframe antara lain:
* width="nilai"                  => Untuk mengatur lebar iframe, bisa dalam satuan persen maupun pixel..
* height="nilai"                => Untuk mengatur tinggi iframe. Bisa dalam satuan persen maupun pixel..
* frameborder="nilai"  => Menentukan tebal batas/bingkai dari iframe. Jika kita memberi nilai nol (0) pada atribut tersebut, maka iframe akan tampak tanpa bingkai/batas.
* name="nilai"                  => Untuk memberi nama iframe
Contoh:
<iframe src="http://www.contoh.com/iframe.html" width="340" height="420" name="iframeku" frameborder="4"></iframe>
Kita juga bisa mentargetkan sebuah link agar terbuka pada kotak iframe dengan cara yang sama seperti pada frameset yang baru kita bahas tadi..
Note:
Iframe dapat digunakan bersamaan dengan element <body>. Jadi kita tidak perlu menghilangkan element body pada saat kita ingin membuat sebuah atau beberapa iframe pada sebuah halaman website...

Inlink nav:
Prev Tut: List dan Form HTML

Next tut: Warna dalam HTML

Index Tutorial

Read More

List dan Form HTML

List

Pada MS. Word, kita pasti sudah tahu dengan yang namanya Bullet and Numbering. List dalam HTML hampir sama dengan itu, yaitu ordered list (daftar yang urut) dan unordered list (daftar yang tak terurut).
Numbering pada MS. Word hampir sama dengan Ordered list sedangkan Bullet hampir sama dengan Unordered list.
*Ordered List
Tag yang digunakan untuk membuat Ordered List adalah <ol> dan setiap item yang didaftar berada dalam tag <li>.
Contoh:
<ol>
<li>Minggu</li>
<li>Senin</li>
<li>Selasa</li>
</ol>
Output:

1. Minggu
2. Senin
3. Selasa

*Unordered List
Tag yang dipakai adalah <ul> dan daftar item berada dalam tag <li>
Contoh:
<ul>
<li>Minggu</li>
<li>Senin</li>
<li>Selasa</li>
</ul>
Output:

• Minggu
• Senin
• Selasa

*Defined List
Dalam HTML, kita juga bisa membuat list dimana setiap item yang didaftar mempunyai penjelelasan atau diskripsi. List seperti ini disebut dengan Defined List.
Tag yang dipakai adalah <dl>, Item-item yang didaftar berada diantara tag <dt> dan </dt>.
Contoh:
<dl>
<dt>Minggu</dt> <dd>Adalah Hari libur </dd>
<dt>Senin</dt>  <dd>Waktunya upacara Bendera</dd>
</dl>
Output:

Minggu

Adalah Hari libur

Senin

Waktunya upacara Bendera

Item-item yang di daftar dalam list tidak hanya berupa teks, artinya kita bisa memasukkan tag-tag HTML lain, link, gambar, bahkan list lain (list dalam list). Selamat bereksperimen sendiri.

---

Form

Bila kita menginginkan pengunjung website kita untuk memasukkan data-data yang kemudian disimpan kedalam web server, kita bisa melakukannya dengan menggunakan Form HTML ini.
User dapat memasukkan data-data mereka dalam pilihan input, baik berupa kotak teks, cek list, Radio dan sebagainya..
Tag form adalah <form> dengan sintax nya sebagai berikut:
<form>
 tag-tag input
</form>

Selanjutnya mari kita bahas beberapa macam input yang penting dan sering digunakan dalam form HTML ini...
*Input Teks
Tag yang digunakan adalah : <input type="text"/>
Contoh:
<form>
Makanan     : <input type="text" name="food"/> </br>
Minuman    : <input type="text" name="drink"/>
</form>
Output:

Makanan  :

Minuman :

*Input Password (Kata sandi)
Tag yang digunakan:  <input type="password" />
Contoh:
<form>
Password : <input type="password" name="sandi" />
</form>
Output:

Password :

Apabila kita memasukkan kata dalam kotak password tersebut, secara otomatis teks akan ditampilkan sebagai bintang (*).

*Cek List
Cek list menunjukkan daftar pilihan dimana user bisa memilih lebih dari satu dari pilihan yang disajikan.
Tag yang digunakan : <input type="checkbox" />
Contoh:
<form>
<input type="checkbox" name="buah" value="Apel" /> Saya suka Apel<br />
<input type="checkbox" name="buah" value="Rambutan" /> Saya suka rambutan
</form>
Output:

Saya suka Apel

Saya suka rambutan

*Radio List
Radio list sama dengan cek list, hanya saja user hanya diperbolehkan memilih satu dari pilihan yang disajikan.
Tag yang digunakan adalah: <input type="radio" />
Contoh :
<form>
<input type="radio" name="makanan" value="Soto" /> Saya suka Soto<br />
<input type="radio" name="makanan" value="Bakso" /> Saya suka Bakso
</form>
Output:

Saya suka Soto

Saya suka Bakso

*Pilihan Drop down
Kita bisa membuat input berupa dropdown dengan menggunakan tag : <select>
Kemudian Item-itemnya ditulis diantara tag <option> dan </option>
Contoh:
<form action=""> <select name=buah> <option value=apel>Apel</option> <option value=semangka>Semangka</option> <option value=Jeruk selected=selected>Jeruk</option> <option value=durian>Durian</option> </select> </form>
Output:

Apel Semangka Jeruk Durian

*Tombol Submit
Tombol submit digunakan untuk mengirim data-data input yang telah dimasukkan oleh user.
Tag yang digunakan:    <input type="submit" />
Contoh :
<form name="input" action="formku.php" method="get">
Nama: <input type="text" name="user" />
<input type="submit" value="Submit" />
</form>
Output:

Nama:

Apabila user mengisi kotak tersebut kemudian menekan tombil Submit, maka data yang dimasukkan oleh user tersebut akan dikirimkan ke file yang bernama formku.php (tertulis pada atribut action) dan kemudian diolah oleh perintah-perintah program yang ditentukan. Pemrograman ini akan kita pelajari pada tutorial uang berbeda.

Inlink nav:
Prev Tut: Tabel HTML

Next tut: Frame dan Iframe HTML

Index Tutorial

Read More