SEJENIS BLOG: Maret 2014

Kamis, 27 Maret 2014

MEMBUAT FORM DENGAN DREAMWEAVER

ASSALAMUALAIKUM

Pada postingan kali ini saya akan membuat Contoh Form Menggunakan HTML
Kali ini saya akan menunjukkan cara membuat form seperti dibawah ini.

1. Membuat Text field
Isikan code berikut :

2. Menyisipkan Text Area
Isikan code berikut :

3. Menyisipkan Checkbox
Isikan code berikut :

<form name="form1">
<input type="checkbox" name="olahraga" value="olahraga" />Olahraga
</form>

Nb: yang berwarna merah sesuaikan dengan keinginan anda..jika anda ingin membuat banyak tiggal tambahkan aja code yang sama disamping atau lihat seperti ini

<input type="checkbox" name="olahraga" value="olahraga" />Olahraga<br /><input type="checkbox" name="Membaca" value="membaca"/>membaca<br /><input type="checkbox" name="Belanja" value="belanja" />Belanja

4. Menyisipkan Radio Button
Isikan code berikut :

<form name="form1">
<input type="radio" name="gender" value="pria" />Pria<input type="radio" name="gender" value="wanita" />Wanita
</form>

5. Menyisipkan List Menu
Isikan code berikut :
<select name="bulan">
                        <option>Januari</option>
                        <option>Febuari</option>
                        <option>Maret</option>
                        <option>April</option>
                        <option>Mei</option>
                        <option>Juni</option>
                        <option>Juli</option>
                        <option>Agustus</option>
                        <option>September</option>
                        <option>November</option>
                        <option>Desember</option>
                    </select>
</form>

6. Menyisipkan File Field
Isikan code berikut :

<form name="form1">
<input type="file" name="foto" />
</form>

7. Menyisipkan Button
Button merupakan sebuah tombolyang dapat digunkan untuk melakukan proses tertentu, misalkan untuk submit atau untuk reset. seringkali kedua tombol tersebut digunakan untuk sebuah proses di dalam form. Tombol Submit digunakan untuk mengirimkan data yang dimasukkan kedalam form selanjutnya dan diolah didalam server. Sedangkan Reset digunkan untuk mereset atau mengosongkan data yang ada didalam form ke nilai default untuk nilai semula.
Contoh seperti tombol Register dan Batal pada gambar diatas
dan untuk menyisipkan dengan code berikut :

<form name="form1">
<input type="submit" value="Register" /><input type="reset" value="Batal" />
</form>

Demikian postingan ini jika ada kesamaan dengan postingan orang lain saya mohon maaf
Terima Kasih

Wassalamualaikum WR WB

Fungsi dan atribut pembuatan table dengan HTML

Atribut dan funfsi pada pembuatan tabel HTML

Pada postingan kali ini saya akan memberikan contoh tentang atribut dalm pembuatan table menggunakan HTML .

Berikut ini adalah fungsi dan contoh dari atribut HTML untuk pembuatan table

Atribut Tabel tag <TD>

Mengatur Border

Border adalah garis yang mengelilingi sebuah tabel.

Contoh:

<html>

<head><title>Sampul Ilmu</title></head>

<body>

<P>Menggunakan tag <b><

TABLE BORDER="1"></b><P>

<TR>

<TD>Baris #1 Kolom #1</TD>

<TD>Baris #1 Kolom #2</TD>

</TR>

<TR>

<TD>Baris #2 Kolom #1</TD>

<TD>Baris #2 Kolom #2</TD>

</TR>

</TABLE></body></html>

Menggabungkan Kolom

Contoh :

<html>

<head><title>Sampul Ilmu</title></head>

<BODY>

<TR>

<TD COLSPAN=2>Kolom A & B</TD>

</TR>

<TR>

<TD>Kolom C</TD>

<TD>Kolom D</TD>

</TR>

</TABLE></BODY>

</html>

Menggabungkan Baris

Contoh

<html>

<head><title>Sampul Ilmu</title></head>

<BODY>

<TR>

<TD ROWSPAN="2">Kolom A & C</TD>

<TD>Kolom B</TD>

</TR>

<TR>

<TD>Kolom D</TD>

</TR>

</TABLE>

</BODY>

</html>

Perataan Tabel

Posisi tabel dapat diatur pertaannya dengan menyertakan atribut ALIGN pada tag <TABLE>

Contoh:

<TR>

<TH>ALIGN="center"</TH>

<TD>Kolom #A Tengah</TD>

<TD>Kolom #B Tengah</TD>

</TR>

</TABLE><BR>

<TR>

<TH>ALIGN="right"</TH>

<TD>Kolom #A Kanan</TD>

<TD>Kolom #B Kanan</TD>

</TR>

</TABLE><BR>

<TR>

<TH>ALIGN="Left"</TH>

<TD>Kolom #A Kiri</TD>

<TD>Kolom #B Kiri</TD>

</TR>

</TABLE>

</body></html>

Mengatur Isi Sel

Teks dalam sel dapat diatur (align) dengan: Rata kiri, rata tengah, dan rata kanan

Atribut yang digunakan adalah :

Align={“left” | “center” | “right”} pada tag <TD>

Atau

Align={“left” | “center” | “right” | “justify”} pada tag <P> dalam tag <TD>

Contoh:

<html>

<BODY>

<td>Text Rata Tengah</td>

<td>Text Rata Kanan</td>

<td>Text Rata Kiri-Kanan</td>

</TR>

<TR>

<TD ALIGN="left" bgcolor="yellow">Kata-kata dalam sel ini rata KIRI</TD>

<TD ALIGN="center">Kata-kata dalam sel ini rata TENGAH</TD>

<TD ALIGN="right" bgcolor="green"><font color="yellow">Kata-kata dalam sel ini rata KANAN</TD>

<TD><p Align="Justify">Kata-kata dalam sel ini rata KIRI-KANAN</TD>

</TR>

</TABLE>

</BODY>

</html>

Kamis, 27 Maret 2014

MEMBUAT FORM DENGAN DREAMWEAVER

Fungsi dan atribut pembuatan table dengan HTML

Total Tayangan Halaman