TUGAS TIK
<head><html>
<head>
<title> ONLINE APPLICATION FORM </title>
</head>
<body bgcolor="violet">
<form name="F_daftar_sis" action="JUANG0868@GMAIL.COM" method="post" target="top">
<center><b><U>ONLINE APPLICATION FORM </u></b><br><br>
<table border="1" width="80%">
<tr>
<td width="25%">NO PENDAFTARAN</td>
<td width="5%" align="center">:</td>
<td width="50%"><input type="text" name="NP"></td></tr>
<td width="25%">NAMA SISWA</td>
<td width="5%" align="center">:</td>
<td width="50%"><input type="text" name="NS"></td></tr>
<td width="25%">JENIS KELAMIN</td>
<td width="5%" align="center">:</td>
<td width="50%"><input type="radio" name="JK" value="Laki-laki">Laki-laki<br>
<input type="radio" name="JK" value="Perempuan">Perempuan</br>
</tr>
<TR>
<td width="25%">E-MAIL</td>
<td width="5%" align="center">:</td>
<td width="50%"><input type="text" name="EM"></td></tr>
<TR>
<td width="25%">PASSWORD</td>
<td width="5%" align="center">:</td>
<td width="50%"><input type="PASSWORD" name="PWD"></td></tr>
<TR>
<td width="25%">AGAMA</td>
<td width="5%" align="center">:</td>
<td width="50%"><select size="1" name="AG">
<option selected>Islam</option>
<option>Kristen</option>
<option>Hindu</option>
<option>Budha</option>
</select></td>
</tr>
<tr>
<td width="25%">FAVORITE CAR</td>
<td width="5%" align="center">:</td>
<td width="50%"><select size="text" name="FC">
<option selected></option>
<option>BMW</option>
<option>TOYOTA</option>
<option>Alfard</option>
<option>APV</option>
<option>Jazz</option>
<option>Ferrari</option>
<option>Montoya</option>
</select></td>
</td></tr>
<tr>
<td width="25%">ASAL SEKOLAH</td>
<td width="5%" align="center">:</td>
<td width="50%"><input type="text" name="AS"></td></tr>
<tr>
<td width="25%">JUMLAH NILAI</td>
<td width="5%" align="center">:</td>
<td width="50%"><input type="text" name="JN"></td></tr>
<tr>
<td width="25%">HOBI</td>
<td width="5%" align="center">:</td>
<td width="50%">
<input type="checkbox" name="HB" value="BLJR">Belajar<input type="checkbox" name="HB" value="MNL">Menulis<br>
<input type="checkbox" name="HB" value="MBC">Membaca<input type="checkbox" name="HB" value="OR">Olahraga
<tr>
<td width="80%" colspan="3"><center><input type="submit" value="Simpan"> |
<input type="Reset" value="Batal">
</body>
</html>
<head>
<title> ONLINE APPLICATION FORM </title>
</head>
<body bgcolor="violet">
<form name="F_daftar_sis" action="JUANG0868@GMAIL.COM" method="post" target="top">
<center><b><U>ONLINE APPLICATION FORM </u></b><br><br>
<table border="1" width="80%">
<tr>
<td width="25%">NO PENDAFTARAN</td>
<td width="5%" align="center">:</td>
<td width="50%"><input type="text" name="NP"></td></tr>
<td width="25%">NAMA SISWA</td>
<td width="5%" align="center">:</td>
<td width="50%"><input type="text" name="NS"></td></tr>
<td width="25%">JENIS KELAMIN</td>
<td width="5%" align="center">:</td>
<td width="50%"><input type="radio" name="JK" value="Laki-laki">Laki-laki<br>
<input type="radio" name="JK" value="Perempuan">Perempuan</br>
</tr>
<TR>
<td width="25%">E-MAIL</td>
<td width="5%" align="center">:</td>
<td width="50%"><input type="text" name="EM"></td></tr>
<TR>
<td width="25%">PASSWORD</td>
<td width="5%" align="center">:</td>
<td width="50%"><input type="PASSWORD" name="PWD"></td></tr>
<TR>
<td width="25%">AGAMA</td>
<td width="5%" align="center">:</td>
<td width="50%"><select size="1" name="AG">
<option selected>Islam</option>
<option>Kristen</option>
<option>Hindu</option>
<option>Budha</option>
</select></td>
</tr>
<tr>
<td width="25%">FAVORITE CAR</td>
<td width="5%" align="center">:</td>
<td width="50%"><select size="text" name="FC">
<option selected></option>
<option>BMW</option>
<option>TOYOTA</option>
<option>Alfard</option>
<option>APV</option>
<option>Jazz</option>
<option>Ferrari</option>
<option>Montoya</option>
</select></td>
</td></tr>
<tr>
<td width="25%">ASAL SEKOLAH</td>
<td width="5%" align="center">:</td>
<td width="50%"><input type="text" name="AS"></td></tr>
<tr>
<td width="25%">JUMLAH NILAI</td>
<td width="5%" align="center">:</td>
<td width="50%"><input type="text" name="JN"></td></tr>
<tr>
<td width="25%">HOBI</td>
<td width="5%" align="center">:</td>
<td width="50%">
<input type="checkbox" name="HB" value="BLJR">Belajar<input type="checkbox" name="HB" value="MNL">Menulis<br>
<input type="checkbox" name="HB" value="MBC">Membaca<input type="checkbox" name="HB" value="OR">Olahraga
<tr>
<td width="80%" colspan="3"><center><input type="submit" value="Simpan"> |
<input type="Reset" value="Batal">
</body>
</html>
Sintak tabel dalam tabel memenuhi tugas TIK
<html>
<head>
<title>PRAKTEK KOMPUTER SMA Negeri 1 Kuningan</title>
</head>
<body>
<table border="0" height="1" width="100%">
<tbody><tr>
<td height="1" width="19%">
<p align="center">1</p></td>
<td height="1" width="80%">
<p align="center">2</p>
</td></tr>
</tbody></table>
<hr noshade="noshade" size="5">
<table border="1" cellspacing="1" width="100%">
<tbody>
<tr>
<td align="center" bgcolor="silver" width="15%">3</td>
<td align="center" width="15%">4</td>
<td align="center" width="15%">5</td>
<td align="center" width="15%">6</td>
<td align="center" width="15%">7</td>
<td align="center" bgcolor="silver" width="15%">8</td>
</tr>
<tr>
<td height="1" width="20%">
<p align="center"><b><i>9</i></b></p></td>
<td colspan="4" rowspan="2" align="center" valign="top" width="81%">
<p><b><br>10</b></p>
<table border="1" width="60%">
<tbody><tr>
<td align="center" width="29%">17</td>
<td align="center" width="71%">18</td>
</tr>
<tr>
<td align="center" width="29%">19</td>
<td align="center" width="71%">20</td>
</tr>
<tr>
<td align="center" width="29%">21</td>
<td align="center" width="71%">22</td>
</tr>
<tr>
<td align="center" width="29%">23</td>
<td align="center" width="71%">24</td>
</tr>
<tr>
<td align="center" width="29%">25</td>
<td align="center" width="71%">26</td>
</tr>
<tr>
<td align="center" width="29%">27</td>
<td align="center" width="71%">28</td>
</tr>
<tr>
<td colspan="2" width="100%">
<p align="center">29</p></td>
</tr>
</tbody></table>
</td>
<td width="20%">
<p align="center"><b>11</b></p></td>
</tr>
<tr>
<td align="center" valign="middle" width="7%">
<b>12</b><p></p></td>
<td align="center" valign="middle" width="20%">13</td>
</tr>
<tr>
<td align="center" bgcolor="silver" width="20%">14</td>
<td colspan="4" align="center" width="80%"><b>15</b></td>
<td align="center" bgcolor="silver" width="20%">16</td>
</tr>
</tbody>
</table>
</body>
</html>
Latihan 1 tentang menampilkan teks di web
<html>
<head>
<title>LATIHAN 1</title>
</head>
<body>
<center>
<h1>SMA NEGERI 1 KUNINGAN</h1>
<h3>Jl. Siliwangi 55 Kuningan 45511 Telp.0232-871594</h3>
</center>
<br>
<h2><u><i>Identitas Diri</u></i></h2>
<h3>Nama : AQEL JUANG AL QOSAM </h3>
<h3>Alamat : KADUGEDE-Kuningan</h3>
<h3>kelas : XII IPA 2</h3>
</body>
</html>
Latihan 2
<html>
<head>
<title>LATIHAN 1</title>
</head>
<body background="1278105613.png">
<center>
<h1><marquee bgcolor="blue" direction="left"><Font color=”green”>SMA NEGERI 1 KUNINGAN</h1></font></marquee>
<h3><marquee bgcolor="blue" direction="left"><Font color=”green”>Jl. Siliwangi 55 Kuningan 45511 Telp.0232-871594</h3></font></marquee>
<HR>
</center>
<br>
<h2><u><blink><Font color=”green”>Identitas Diri</u></h2></font></blink>
<h2><B><Font color=”green”>Name : AQEL JUANG AL QOSAM </B></h2></font>
<h2><B><Font color=”green”>Address : Kadugede-Kuningan</B></h2></font>
<h2><B><Font color=”green”>Class : XII IPA 2</B></h2></font>
<HR>
<h2><u><blink><Font color=”green”>Make Account!</u></h2></font></blink><BR>
<B><Font color=”green”>First Name : <INPUT TYPE="text" NAME="firstname"></B></font><BR>
<B><Font color=”green”>Last Name : <INPUT TYPE="text" NAME="lastname"></B></font><BR>
<B><Font color=”green”>E-mail : <INPUT TYPE="text" NAME="e-mail"></B></font><BR>
<hr>
</body>
</HTML>
<head>
<title>LATIHAN 1</title>
</head>
<body background="1278105613.png">
<center>
<h1><marquee bgcolor="blue" direction="left"><Font color=”green”>SMA NEGERI 1 KUNINGAN</h1></font></marquee>
<h3><marquee bgcolor="blue" direction="left"><Font color=”green”>Jl. Siliwangi 55 Kuningan 45511 Telp.0232-871594</h3></font></marquee>
<HR>
</center>
<br>
<h2><u><blink><Font color=”green”>Identitas Diri</u></h2></font></blink>
<h2><B><Font color=”green”>Name : AQEL JUANG AL QOSAM </B></h2></font>
<h2><B><Font color=”green”>Address : Kadugede-Kuningan</B></h2></font>
<h2><B><Font color=”green”>Class : XII IPA 2</B></h2></font>
<HR>
<h2><u><blink><Font color=”green”>Make Account!</u></h2></font></blink><BR>
<B><Font color=”green”>First Name : <INPUT TYPE="text" NAME="firstname"></B></font><BR>
<B><Font color=”green”>Last Name : <INPUT TYPE="text" NAME="lastname"></B></font><BR>
<B><Font color=”green”>E-mail : <INPUT TYPE="text" NAME="e-mail"></B></font><BR>
<hr>
</body>
</HTML>
Latihan 3
<html>
<head>
<title>LATIHAN</title>
</head>
<body bgcolor="gold">
<div align="CENTER"><font face="FORTE" color="White"><strong><marquee bgcolor="red" width="70%" scrollamount="20" behavior="alternate"> <h1><B>JUANG</B></h1> </marquee></strong></font></div>
<hr>
<B><Font color="black">LIONEL MESSI ON FIRE</B></font> <br>
<img src ="212015hp2.JPG" width="25%" height="30%"><BR>
<Font color="black"><B>BARCELONA- Lionel Messsi dkk sedang<br>
onfire untuk menaklukan musuh seteru abadinya Real Madrid<br>
di EL CLASICO JILID 222 yang akan berlangsung nanti malam di NOU CAMP STD.</B></font>
<marquee direction="down"><center><img src ="FCB.gif" width="15%" height="100%"></center></marquee>
<hr>
</body>
</HTML>
<head>
<title>LATIHAN</title>
</head>
<body bgcolor="gold">
<div align="CENTER"><font face="FORTE" color="White"><strong><marquee bgcolor="red" width="70%" scrollamount="20" behavior="alternate"> <h1><B>JUANG</B></h1> </marquee></strong></font></div>
<hr>
<B><Font color="black">LIONEL MESSI ON FIRE</B></font> <br>
<img src ="212015hp2.JPG" width="25%" height="30%"><BR>
<Font color="black"><B>BARCELONA- Lionel Messsi dkk sedang<br>
onfire untuk menaklukan musuh seteru abadinya Real Madrid<br>
di EL CLASICO JILID 222 yang akan berlangsung nanti malam di NOU CAMP STD.</B></font>
<marquee direction="down"><center><img src ="FCB.gif" width="15%" height="100%"></center></marquee>
<hr>
</body>
</HTML>
Latihan 4
<html><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>LATIHAN 1</title>
</head>
<body bgcolor="aqua">
<p></p><center><h2><blink>!!!!!CONTOH TABLE!!!!!<br>
JADWAL PIKET</blink></h2></center><p></p>
<center><blink><hr color="Black" width="500"></blink><table bgcolor="yellow" border="3" bordercolor="green" cellpadding="0" cellspacing="0">
<tbody><tr bgcolor="pink" valign="middle" align="center">
<td valign="middle" width="100px" align="center"><b>Senin</b></td>
<td valign="middle" width="100px" align="center"><b>Selasa</b></td>
<td valign="middle" width="100px" align="center"><b>Rabu</b></td>
<td valign="middle" width="100px" align="center"><b>Kamis</b></td>
<td valign="middle" width="100px" align="center"><b>Jum'at</b></td>
<td valign="middle" width="100px" align="center"><b>Sabtu</b></td>
</tr>
<tr valign="middle" align="center">
<td valign="middle" width="25px" align="center">URIG</td>
<td valign="middle" width="100px" align="CENTER">ANDI</td>
<td valign="middle" width="100px" align="center">ANU</td>
<td valign="middle" width="100px" align="center" bgcolor="red">SEMPLAK</td>
<td valign="middle" width="100px" align="center">SAMAD</td>
<td valign="middle" width="25px" align="center">EPOOL</td>
</tr>
<tr valign="middle" align="center">
<td valign="middle" width="25px" align="center">BI'I</td>
<td valign="middle" width="100px" align="CENTER">DONI</td>
<td valign="middle" width="100px" align="center">SA'D</td>
<td valign="middle" width="100px" align="center">ETAN</td>
<td valign="middle" width="100px" align="center">GHOST</td>
<td valign="middle" width="25px" align="center">LEX</td>
</tr>
<tr valign="middle" align="center">
<td valign="middle" width="25px" align="center">SIMOL</td>
<td valign="middle" width="100px" align="CENTER">SANTI</td>
<td valign="middle" width="100px" align="center">SYTE</td>
<td valign="middle" width="100px" align="center">DAN</td>
<td valign="middle" width="100px" align="center">JUQ</td>
<td valign="middle" width="25px" align="center">ANG</td>
</tr>
<tr valign="middle" align="center">
<td valign="middle" width="25px" align="center">SIII</td>
<td valign="middle" width="100px" align="CENTER">MUSI</td>
<td valign="middle" width="100px" align="center">ERT</td>
<td valign="middle" width="100px" align="center">ETO</td>
<td valign="middle" width="100px" align="center">WETI</td>
<td valign="middle" width="25px" align="center">ELON</td>
</tr>
<tr valign="middle" align="center">
<td valign="middle" width="25px" align="center">ZAAA</td>
<td valign="middle" width="100px" align="CENTER">ENDUN</td>
<td valign="middle" width="100px" align="center">HAR</td>
<td valign="middle" width="100px" align="center">TENG</td>
<td valign="middle" width="100px" align="center">WAN</td>
<td valign="middle" width="25px" align="center">BIII</td>
</tr>
<tr valign="middle" align="center">
<td valign="middle" width="25px" align="center">TAN</td>
<td valign="middle" width="100px" align="CENTER">ENDAN</td>
<td valign="middle" width="100px" align="center">QIIL</td>
<td valign="middle" width="100px" align="center">YOE</td>
<td valign="middle" width="100px" align="center">COS</td>
<td valign="middle" width="25px" align="center">YOOO</td>
</tr>
</tbody></table></center>
<P><center>Note: Yang ditandai merah tidak piket</center></P>
</body>
</html>
<html>
<head>
<title>LATIHAN 1</title>
</head>
<body bgcolor="aqua">
<center>
<div align="CENTER"><font face="FORTE" color="White"><strong><marquee bgcolor="red" width="70%" scrollamount="20" behavior="alternate"> <h1><B><Font color=”Grenn”>SMA NEGERI 1 KUNINGAN</B></h1> </marquee></strong></font></div>
<h3><div align="CENTER"><font face="FORTE" color="White"><strong><marquee bgcolor="red" width="70%" scrollamount="20" behavior="alternate"> <Font color=”Green”>Jl. Siliwangi 55 Kuningan 45511 Telp.0232-871594 </marquee></strong></font></div></h3>
<HR>
</center>
<br>
<h2><u><blink><Font color=”Olive”>Identitas Diri</u></h2></font></blink>
<h2><B><Font color=”Olive”>Name : AQEL JUANG AL QOSAM </B></h2></font>
<h2><B><Font color=”Olive”>Address : Kadugede-Kuningan</B></h2></font>
<h2><B><Font color=”Olive”>Class : XII IPA 2</B></h2></font>
<HR>
<br>
<P><center><h2><blink>!!!!!CONTOH TABLE!!!!!</blink></h2></center></P>
<center><table border="3" cellpadding="0" cellspacing="0" bordercolor="green" bgcolor="yellow">
<tr bgcolor="pink" align="center" valign="middle">
<td align="center" valign="middle" width="25px" rowspan="2"><b>No.</b></td>
<td align="center" valign="middle" width="100px"rowspan="2"><b>Nama Siswa</b></td>
<td align="center" valign="middle" width="100px" colspan="3"><b>Nilai Ujian</b></td>
</tr>
<tr bgcolor="pink"align="center" valign="middle">
<td align="center" valign="middle" width="100px"><b>Bahasa Indonesia</b></td>
<td align="center" valign="middle" width="100px"><b>Bahasa Inggris</b></td>
<td align="center" valign="middle" width="100px"><b>Matematika</b></td>
</tr>
<tr align="center" valign="middle">
<td align="center" valign="middle" width="25px">1.</td>
<td align="left" valign="middle" width="100px">ANDI</td>
<td align="center" valign="middle" width="100px">7,25</td>
<td align="center" valign="middle" width="100px">8,50</td>
<td align="center" valign="middle" width="100px">9,00</td>
</tr>
<tr align="center" valign="middle">
<td align="center" valign="middle" width="25px">2.</td>
<td align="left" valign="middle" width="100px">DONI</td>
<td align="center" valign="middle" width="100px">7,00</td>
<td align="center" valign="middle" width="100px">6,75</td>
<td align="center" valign="middle" width="100px">6,00</td>
</tr>
<tr align="center" valign="middle">
<td align="center" valign="middle" width="25px">3.</td>
<td align="left" valign="middle" width="100px">SANTI</td>
<td align="center" valign="middle" width="100px">6,25</td>
<td align="center" valign="middle" width="100px">7,00</td>
<td align="center" valign="middle" width="100px">7,75</td>
</tr>
<tr align="center" valign="middle">
<td align="center" valign="middle" width="25px">4.</td>
<td align="left" valign="middle" width="100px">MUSI</td>
<td align="center" valign="middle" width="100px">8,00</td>
<td align="center" valign="middle" width="100px">7,00</td>
<td align="center" valign="middle" width="100px">7,75</td>
</tr>
<tr align="center" valign="middle">
<td align="center" valign="middle" width="25px">5.</td>
<td align="left" valign="middle" width="100px">ENDUN</td>
<td align="center" valign="middle" width="100px">8,50</td>
<td align="center" valign="middle" width="100px">6,75</td>
<td align="center" valign="middle" width="100px">7,00</td>
</tr>
</table>
</center>
<br>
<HR>
<CENTER>
<Font color=”Olive”><B>Creat by. XII IPA 2<BR>
Copy right 2012 AN</Font></B>
</body>
</HTML>
Tidak ada komentar:
Posting Komentar