<html> <body text="white"> <form name="input" action="proses.php" method="get"> <table border="1" cellpadding="8" cellspacing="2" align="center" width="50%" bgcolor="39a0ff" > <tr> <td colspan="6" align="center" height="100 px"> <center><font size="6">ALOHA EDUCATIONAL CENTER</font><br></center><br>FORMULIR PENDAFTARAN </td> </tr> <tr> <td><font face="Comic Sans MS">Nama Lengkap </font><td><input type="text" name="Nama Lengkap" size="30"><br></tr> <td ><font face="Comic Sans MS">Tempat dan Tanggal lahir </font><td><input type="text" name="ttl" size="30"><br></tr> <td ><font face="Comic Sans MS">Alamat </font><td><textarea rows="3" cols="50" name="alamat"></textarea></font><br></tr> <td><font face="Comic Sans MS">jenis kelamin <td><input type = "radio"name="jenis kelamin" value="pria">Pria <input type = "radio"name="jenis kelamin" value="wanita">Wanita</font><br></tr> <td><font face="Comic Sans MS">No.HP <td><input type="text" name="No.HP" size="30"></font><br></tr> <td><font face="Comic Sans MS">Paket <td><select name="paket"><option value=""selected="selected">--Pilih Paket-- </option><option value="reguler">Reguler</option><option value="khusus">Khusus</option></select></font><br></tr> <td><font face="Comic Sans MS">Kursus yang diambil <td><input type = "checkbox"name="kursus yang diambil" value="bahasa inggris">Bahasa Inggris <input type = "checkbox"name="kursus yang diambil" value="bahasa inggris">Bahasa China<br> <input type = "checkbox"name="kursus yang diambil" value="bahasa jepang">Bahasa Jepang <input type = "checkbox"name="kursus yang diambil" value="bahasa arab">Bahasa Arab<br> <input type = "checkbox"name="kursus yang diambil" value="bahasa prancis">Bahasa Prancis <input type = "checkbox"name="kursus yang diambil" value="bahasa jerman">Bahasa Jerman</font><br></tr> <th colspan=2><input type="submit"value="Kirim"> <input type="Reset" value="Reset"></th> </html>
Kategori: Pemrogaman Web
LATIHAN DASAR HTML : MEMBUAT FORM
<html>
<head>
</head>
<body>
<body text="white" bgcolor="teal">
<center><font size="6">ALOHA EDUCATIONAL CENTER</font><br></center><br>
<center>FORMULIR PENDAFTARAN</center><br>
<hr></hr><br>
<form name="input" action="proses.php" method="get"><pre>
<font face="Comic Sans MS">Nama Lengkap : <input type="text" name="Nama Lengkap"></font><br>
<font face="Comic Sans MS">Tempat & Tanggal lahir : <input type="text" name="Tempat & Tanggal lahir"></font> <br>
<font face="Comic Sans MS">Alamat :
<textarea rows="3" cols="50" name="alamat"></textarea></font>
<font face="Comic Sans MS">jenis kelamin : <input type = "radio"name="jenis kelamin" value="pria">Pria <input type = "radio"name="jenis kelamin" value="wanita">Wanita</font><br>
<font face="Comic Sans MS">No.HP : <input type="text" name="No.HP"></font><br>
<font face="Comic Sans MS">Paket : <select name="paket">
<option value=""selected="selected">--Pilih Paket-- </option>
<option value="reguler">Reguler</option>
<option value="khusus">Khusus</option></select></font><br>
<font face="Comic Sans MS">Kursus yang diambil : <input type = "checkbox"name="kursus yang diambil" value="bahasa inggris">Bahasa Inggris <input type = "checkbox"name="kursus yang diambil" value="bahasa inggris">Bahasa China<br>
<input type = "checkbox"name="kursus yang diambil" value="bahasa jepang">Bahasa Jepang <input type = "checkbox"name="kursus yang diambil" value="bahasa arab">Bahasa Arab<br>
<input type = "checkbox"name="kursus yang diambil" value="bahasa prancis">Bahasa Prancis <input type = "checkbox"name="kursus yang diambil" value="bahasa jerman">Bahasa Jerman</font><br>
<input type="submit"value="Kirim"> <input type="Reset" value="Reset">
</pre></form>
</body>
</html>
LATIHAN DASAR PEMROGAMAN WEB HTML
Script dibawah ini dapat ditulis kedalam notepad,notepad++ atau wordpad kemudian save dalam format html. Setelah disave bukalah di browser dengan cara tekan ctrl + o dikeyboard lalu pilih nama file html yang telah disimpan tadi.
<html> <head> <title>KING OF ANYTHING</title> </head> <body> <p align = "left"> <font size="5" face ="comic sans ms"> Nama : BINTI TOYIBA <br> Kelas : C <br><br><br> </font></p> <p align = "center"> <font size="7" face ="comic sans ms"> KING OF ANYTHING</font></p> <p align = "right"><font size=3" face ="comic sans ms"> by : SARA BAREILLES</font> </p> <p align = "center"> <font size="4" face ="comic sans ms"> Keep drinking coffee, stare me down across the table<br> While I look outside<br> So many things I’d say if only I were able<br> But I just keep quiet and count the cars that pass by<br> You’ve got opinions, man<br> We’re all entitled to ‘em, but I never asked<br> So let me thank you for your time, and try not to waste anymore of mine<br> And get out of here fast<br> I hate to break it to you babe, but I’m not drowning<br> There’s no one here to save<br> Who cares if you disagree?<br> You are not me<br> Who made you king of anything?<br> So you dare tell me who to be?<br> Who died and made you king of anything?<br> You sound so innocent, all full of good intent<br> Swear you know best<br> But you expect me to jump up on board with you<br> And ride off into your delusional sunset<br> I’m not the one who’s lost with no direction<br> But you’ll never see<br> You’re so busy making maps with my name on them in all caps<br> You got the talking down, just not the listening<br> All my life I’ve tried to make everybody happy<br> While I just hurt and hide<br> Waiting for someone to tell me it’s my turn to decide<br> </font> </p> </body> </html>
HTML DASAR
HTML (HyperText markup Language) adalah script untuk menyusun dokumen-dokumen web. Struktur dasar HTML yaitu :
- Tag : berupa karakter “<” dan “>”.
- Elemen : terdiri atas 3 bagian yaitu tag pembuka, isi, tag penutup.
- Atribut : merupakan property dari suatu element HTML.
- Elemen HTML : menyatakan bahwa dokumen web yang digunakan adalah html.
- Elemen Head : kepala dari dokumen HTML.
- Elemen title : Judul dari web
- Elemen Body : isi dari web
Dan masih banyak lagi elemen-elemen yang lainya. Untuk lebih jelasnya download modulnya Di sini
Binti's Journal 