Wednesday, 31 January 2018
praktek code Html Tag dan Input
seperty biasa sekarang kita belajar tentangTag From dan input saya see g begitu mengenal tapi kita coba ja kita praktek kan disini code yang saya buat pertama kita buat file html dulu dan nama nya file tersebut di tuliskan di tag from action
fungsi nya jika kita klik seperti link menuju file html tersebut
kalau sobat mau ini code html nya
<html>
<head>
<title>Atribut tag Form dan Input</title>
</head>
<body><font face="verdana" size="2">
<form action="ganti dengan halaman html sobat " method="post">
<p><br>
<input type="submit" value="puisi"><p> <p> <p><br>
<input type="image" src="contoh ganti dengan alamat image sobat" height="134" width="196"><br>
</form></font>
</body>
</html>
kode diatas untuk membuat link mengunakan form
pertama kalian bwat file html
kedua sobat tulis kode diatas mengunakan aplikasi notepad
dan lihat hasilnya kode diatas seperti dibawah ini
Tulisan Berjalan Plus Contoh
Jika sobat butuh Code marque saya ada banyak saya akan bagikan plus gimana mempraktek nya
kita buat j di notepad
1 Contoh Tulisan berjalan dari kiri
<marquee direction="left" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
2 Contoh Tulisan berjalan dari kanan
<marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
3 Contoh Tulisan bolakbalik
<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
Contoh Tulisan berjalan dari atas ke bawah
<marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
4 Contoh Tulisan berjalan dari bawah ke atas
<marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
5 Contoh Tulisan berjalan zigzag
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>
6 Contoh Tulisan zigzag memantul
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>
Btw any way ikan tery berenang sungay,,klo ingin gambar yg berjalan bersama tulisan kita terlebih dahulu kita memastikan bahwa gambar yang akan kita masukkan sudah berada didalam folder dikomputer atau laptop yang kita gunakan
.
Contoh
src : letak file gambar yang akan ditampilkan
<img src=”../pictures/bendera.jpg” width=”120″ height=”120″> ini merupakan kode gambar bila kita ingin memasukkan gambar kita ke dalam marque yang kita buat .
Kode yang berwarna merah ganti dengan tempat dimana gambar berada didalam komputer atau laptop yang kita gunakan
Nah sekarang kita satukan bersama kode marque nya,,
Contoh
<center> <marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%" height="48"><marquee direction="right"><img src="file:/Pictures/PUZZLE4.jpg" width="257" height="251"></p>Contoh Tulisan Berjalan </marquee></marquee></center>
kita buat j di notepad
Contoh macam macam tulisan berjalan
cara nya ganti tulisan contoh tulisan berjalan dengan tulisan sobat ingin kan1 Contoh Tulisan berjalan dari kiri
<marquee direction="left" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
2 Contoh Tulisan berjalan dari kanan
<marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
3 Contoh Tulisan bolakbalik
<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
Contoh Tulisan berjalan dari atas ke bawah
<marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
4 Contoh Tulisan berjalan dari bawah ke atas
<marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
5 Contoh Tulisan berjalan zigzag
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>
6 Contoh Tulisan zigzag memantul
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>
Btw any way ikan tery berenang sungay,,klo ingin gambar yg berjalan bersama tulisan kita terlebih dahulu kita memastikan bahwa gambar yang akan kita masukkan sudah berada didalam folder dikomputer atau laptop yang kita gunakan
.
Contoh
src : letak file gambar yang akan ditampilkan
<img src=”../pictures/bendera.jpg” width=”120″ height=”120″> ini merupakan kode gambar bila kita ingin memasukkan gambar kita ke dalam marque yang kita buat .
Kode yang berwarna merah ganti dengan tempat dimana gambar berada didalam komputer atau laptop yang kita gunakan
Nah sekarang kita satukan bersama kode marque nya,,
Contoh
<center> <marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%" height="48"><marquee direction="right"><img src="file:/Pictures/PUZZLE4.jpg" width="257" height="251"></p>Contoh Tulisan Berjalan </marquee></marquee></center>
Macam-macam Tag From dan input
Macam-macam tag From dan input yang sya rangkum dibawah ini biar kita tau seperti apa
Atribut tag Form dan Input
ini code html nya jika sobat mau
<html>
<head>
<title>Atribut tag Form dan Input</title>
</head>
<body><font face="verdana" size="2">
<form action="coba.php" method="post">
<p><b>Tag input dengan atribut type="text"</b><br>
<input type="text" name="teks_ku" size="16" maxlength="20"><br>
Ini textbox dengan nama <i>teks_ku</i> ukuran <i>16 chr</i> dan maksimal karakrer
yang dapat ditampung <i>20 chr(character)</i>.</p>
<p><b>Tag input dengan atribut type="password"</b><br>
<input type="password" name="password_ku" size="16" maxlength="20"<br>
Ini passwordbox dengan nama <i>password_ku</i> ukuran <i>16 chr</i> dan maksimal
karakrer yang dapat ditampung <i>20 chr(character)</i>.</p>
<p><b>Tag input dengan atribut type="radio"</b><br>
<input type="radio" name="radio_ku" value="isi_1">Radio 1 --> nama
<i>radio_ku</i> isi/value <i>isi_1</i><br>
<input type="radio" name="radio_ku" value="isi_2">Radio 2 --> nama
<i>radio_ku</i> isi/value <i>isi_2</i><br>
<b>Jika nama radio tidak sama maka tidak dianggap satu pilihan. Untuk
membuktikannya silahkan ganti salah satu nama dari radio diatas untuk mengetahui
perbedannya.</b></p>
<p><b>Tag input dengan atribut type="checkbox"</b><br>
<input type="checkbox" name="checkbox_ku_1" value="isi_1">Checkbox 1 --> nama
<i>checkbox_ku_1</i> isi/value <i>isi_1</i><br>
<input type="checkbox" name="checkbox_ku_2" value="isi_2">Checkbox 2 --> nama
<i>checkbox_ku_2</i> isi/value <i>isi_2</i><p>
<p><b>Tag input dengan atribut type="submit"</b><br>
<input type="submit" value="Tombol Submit"><br>
Tombol ini berguna untuk mem-post(mengirimkan variabel dan isi variabel yang ada
pada form ke file tujuan (action="file_tujuan"))</p>
<p><b>Tag input dengan atribut type="reset"</b><br>
<input type="reset" value="Bersihkan"><br>
Tombol ini berguna untuk membersihkan seluruh tulisan yang ada pada seluruh isian
form. Coba isikan semua textbox dan radio lalu tekan tombol ini.</p>
<p><b>Tag input dengan atribut type="hidden"</b><br>
<input type="hidden" value="data_ku" name="data">
Tipe ini berguna jika si webmaster menginkan variabel yang sifatnya sudah
didefinisikan. Dan tidak menampilkan output apapun.</p>
<p><b>Tag input dengan propeti type="image"</b><br>
<input type="image" src="letak_file_gambar_anda" height="98" width="98"><br>
Image memiliki fungsi yang sama dengan type submit</p>
</form></font>
</body>
</html>
coba ditulis dinotepad dan buat file html,, dan lihat hasil nya
ini code html nya jika sobat mau
<html>
<head>
<title>Atribut tag Form dan Input</title>
</head>
<body><font face="verdana" size="2">
<form action="coba.php" method="post">
<p><b>Tag input dengan atribut type="text"</b><br>
<input type="text" name="teks_ku" size="16" maxlength="20"><br>
Ini textbox dengan nama <i>teks_ku</i> ukuran <i>16 chr</i> dan maksimal karakrer
yang dapat ditampung <i>20 chr(character)</i>.</p>
<p><b>Tag input dengan atribut type="password"</b><br>
<input type="password" name="password_ku" size="16" maxlength="20"<br>
Ini passwordbox dengan nama <i>password_ku</i> ukuran <i>16 chr</i> dan maksimal
karakrer yang dapat ditampung <i>20 chr(character)</i>.</p>
<p><b>Tag input dengan atribut type="radio"</b><br>
<input type="radio" name="radio_ku" value="isi_1">Radio 1 --> nama
<i>radio_ku</i> isi/value <i>isi_1</i><br>
<input type="radio" name="radio_ku" value="isi_2">Radio 2 --> nama
<i>radio_ku</i> isi/value <i>isi_2</i><br>
<b>Jika nama radio tidak sama maka tidak dianggap satu pilihan. Untuk
membuktikannya silahkan ganti salah satu nama dari radio diatas untuk mengetahui
perbedannya.</b></p>
<p><b>Tag input dengan atribut type="checkbox"</b><br>
<input type="checkbox" name="checkbox_ku_1" value="isi_1">Checkbox 1 --> nama
<i>checkbox_ku_1</i> isi/value <i>isi_1</i><br>
<input type="checkbox" name="checkbox_ku_2" value="isi_2">Checkbox 2 --> nama
<i>checkbox_ku_2</i> isi/value <i>isi_2</i><p>
<p><b>Tag input dengan atribut type="submit"</b><br>
<input type="submit" value="Tombol Submit"><br>
Tombol ini berguna untuk mem-post(mengirimkan variabel dan isi variabel yang ada
pada form ke file tujuan (action="file_tujuan"))</p>
<p><b>Tag input dengan atribut type="reset"</b><br>
<input type="reset" value="Bersihkan"><br>
Tombol ini berguna untuk membersihkan seluruh tulisan yang ada pada seluruh isian
form. Coba isikan semua textbox dan radio lalu tekan tombol ini.</p>
<p><b>Tag input dengan atribut type="hidden"</b><br>
<input type="hidden" value="data_ku" name="data">
Tipe ini berguna jika si webmaster menginkan variabel yang sifatnya sudah
didefinisikan. Dan tidak menampilkan output apapun.</p>
<p><b>Tag input dengan propeti type="image"</b><br>
<input type="image" src="letak_file_gambar_anda" height="98" width="98"><br>
Image memiliki fungsi yang sama dengan type submit</p>
</form></font>
</body>
</html>
coba ditulis dinotepad dan buat file html,, dan lihat hasil nya
Subscribe to:
Posts (Atom)