Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

Thursday, 15 December 2011

tabel


<html>
<body background="latar.jpg">
<font face="jokerman"><marquee><h2>BELAJAR MEMBUAT ROWSPAN DAN COLSPAN</h2></marquee></font>
<table bordercolor=red bgcolor=lime align="center" width="50%" border="5">
<caption><h3>TABEL AKUMULASI NILAI</h3></caption>
<tr>
<th rowspan="2">NAMA</td>
<th colspan="3">NILAI</td>
</tr>
<tr>
<td align="center">UTS</>
<td align="center">QUIZ</td>
<td align="center">UAS</td>
</tr>
<tr>
<td>SIJAY</td>
<td align=center>90</td>
<td align=center>78</td>
<td align=center>95</td>
</table>
</body>
</html>
Selengkapnya >>>..
at No comments:
Labels:

Membuat Bullet n' Numbering pada HTML


<HTML>
<HEAD>
<TITLE>ORDERED LIST</TITLE>
</head>
<body bgcolor=black>
<P align="center"><marquee><font color="lime" face="jokerman"><h2>OLEH : JAYARI / 10540040</h2></font></marquee></P>
<hr color="yellow"></hr>
<font color=white face="kristen itc">
SISWA DAN HOBBYNYA :
<ol type="1">
   <li>Hobbi Riska Anjana</li>
        <ul type="circle">
           <li>Membaca komik</li>
           <li>Nonton Film</li>
        </ul>
<BR>
   <li> Hobbi Cinta</li>
       <ul type="square">
           <li>Menyanyi</li>
              <ul type="a">
                <li>Lagu Campur Sari</li>
                <li>Lagu Pop</li>
              </ul>
      <li>Shoping</li>
    </ul>
<BR>
<li> Hobbi Siska</li>
       <ul type="circle">
           <li>Menari</li>
           <li>Memasak</li>
    </ul>
</ol>

</font>
</body>
</html>
Selengkapnya >>>..
at No comments:
Labels:

radio, marquee dll pada HTML


<html>
<head>
<title>
Data Siswa
</title>
</head>
<body>
<table align="center" border="1">
<tr>
<td colspan="2" align="center">
<font face="kristen itc"><h3>DATA SISWA</h3></font>
<hr></hr></td>
</tr>
<tr>
<td>Nama Lengkap</td>
<td><input type="text" name="teks1"></td>
</tr>
<tr>
<td>Nama Panggilan</td>
<td><input type="text" name="teks2"></td>
</tr>
<tr>
<td>Agama</td>
<td><select name="s1">
<option>Katolik</option>
<option selected>Islam</option>
<option>Hindu</option>
<option>Budha</option>
<option>Protestan</option>
</select>?
</td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td><select name="s2">
<option selected>Laki-laki</option>
<option>Perempuan</option>
</select>?
</td>
</tr>
<tr>
<td>Alamat</td>
<td>
<textarea name="pesan" rows="4" cols="50">
</textarea>
</td>
</tr>
<tr>
<td colspan="2" align="center"><br>&reg;&reg;&reg;<br><br></td>
</tr>
<tr>
<td colspan="2" align="center"><br>&copy;&copy;&copy;<br><br></td>
</tr>
<tr>
<td>Hobby</td>
<td><input type="radio" name "r1">Membaca
<input type="radio" name "r2">Menulis
<input type="radio" name "r3">Menyanyi</td>
</tr>
<tr>
<td>Makanan Favorit</td>
<td><input type="checkbox" name=c1>Soto
    <input type="checkbox"name=c2>Nasi Goreng
    <input type="checkbox" name=c3>Bakso
</td>
</tr>
<tr>
<td align="center"><input type="Submit" value="Kirim"></td>
<td align="center"><input type="reset" value="Ulang"></td>
</tr>
</table>
<BR><BR>
<marquee><FONT FACE="JOKERMAN"> CREATED bY : SIJAY ELSYAKIR/ 10 54 0040</FONT></MARQUEE>
</body>
</html>

Selengkapnya >>>..
at No comments:
Labels:

Input type, reset,pasword, select,submit etc pada HTML


<html>
<head>
<title>
yahoo
</title>
</head>
<body>
<h3>
<p align="center">
<FONT FACE="kristen itc" align="center">
Laman ini asli buatan sijay...
dan setelah diklik menu "SUBMIT" <br>
maka akan masuk ke laman yahoo asli, yang bisa dibuka <br>
walaupun tanpa terkoneksi dengan internet.karena saya <br>
menyimpan pada mode server mati(work ofline).<br>
terima kasih<br></h3>
</p>

<form name="data" action="yahoo.htm" method="post">

<table align="center" border="1">
<tr>
<td colspan="2" align="center">YAHOO!MAIL, Get Your Yahoo! I.D</td>
</tr>
<tr>
<td>*First Name</td>
<td><input type="text"name="teks1"></td>
</tr>
<tr>
<td>*Last Name</td>
<td><input type="text"name="teks2"></td>
</tr>
<tr>
<td>*Preferred Content : </td>
<td><select name="s1">
<option> Detik.Com </option>
<option selected> Kapanlagi.Com </option>
<option> Kickandy.Com </option>
<option> Friendster.Com </option>
<option> Debritto.Net </option>
</select>?
</td>
</tr>
<tr>
<td>*Gender : </td>
<td><select name="s1">
<option selected>Male</option>
<option>Female</option>
</select>?
</td>
<tr>
<td>*Yahoo! ID :</td>
<td><input type="text"name="teks3"></td>
</tr>
<tr>
<td colspan="2" align="center">ID may constan of a-z, 0-9, underscore etc</td>
</tr>
<tr>
<td>*Pasword</td>
<td><input type="Password"name="teks4"></td>
</tr>
<tr>
<td>*Retype Pasword</td>
<td><input type="password"name="teks5"></td>
</tr>
<tr>
<td align="center">
<input type="submit" value="SUBMIT"></TD>
<td align="center">
<input type="reset" value="ULANGI"></td>
</tr>
</table>
</body>
</html>
Selengkapnya >>>..
at No comments:
Labels:

Membuat Link pada HTML


<html>
<head>
<title>LINK</title>
</head>
<body>
<marquee><FONT FACE="KRISTEN ITC" COLOR="LIME"><H3> <a href="bat.gif">
<IMG sRC="bat.gif"height="50" width="75"></a>MEMBUAT LINK. OLEH JAYARI/ 10540040
</H3></FONT></MARQUEE>
<table align="center" border="1">
<tr>
<td colspan="2" ALIGN="CENTER">KIRA-KIRA SEPERTI INI LAH.....</td>
</tr>
<tr>
<td>
<ul type="square">
<BR><BR>
<li><a href="http://www.facebook.com">Facebook</a></li>
<li><a href="https://picasaweb.google.com/lh/myphotos">My Picasaweb</a></li>
</ul>
</td>
<td>
SELAMAT DATANG DI TUTORIAL HTML :<BR><BR>
<li><a href="ALBUM.html">My Photos</a></li>
<li><a href="http://www.catatansijay.blogspot.com">My Blog</a></li>
<li><a href="http://www.twitter.com/caem734">Twitter</a></li>
</ul>
</tr>
<tr>
<td align="center" colspan="2">Copyright &copy;  Sijay_elsyakir.net
<br>2011 </td>
</table>
</body>
</html>
Selengkapnya >>>..
at No comments:
Labels:

Membuat Checkbox pada HTML


<html>
<head>
<title>Membuat CheckBox</title>
</head>
<body bgcolor="black" text="lime">
<B>OLEH : JAYARI / 10540040</B>
<table width="90%" align="center" color="white">
<tr>
<td>
<br>1.Kerajaan Islam prtama di Indonesia adalah....<BR>
<input type="checkbox" name="r1" CHECKED> SAMUDRA PASAI <br>
<input type="checkbox" name="r1"> DEMAK<br>
<input type="checkbox" name="r1"> PALEMBANG DARUSSALAM<br>
<input type="checkbox" name="r1"> MATARAMISLAM<br>
<br>2.Kerajaan Islam pertama di pulau Jawa adalah....<BR>
<input type="checkbox" name="r1"> SAMUDRA PASAI <br>
<input type="checkbox" name="r1" CHECKED> DEMAK<br>
<input type="checkbox" name="r1"> PALEMBANG DARUSSALAM<br>
<input type="checkbox" name="r1"> MATARAMISLAM<br>
<br>3.Pembawa Islam pertama kali ke indonesia adalah bangsa...<BR>
<input type="checkbox" name="r1" CHECKED> ARAB<br>
<input type="checkbox" name="r1"> PERSIA<br>
<input type="checkbox" name="r1"> GUJARAT<br>
<input type="checkbox" name="r1"> INDIA<br>
<br>4.berikut ini adalah Nabi Ulul Azmi,kecuali....<BR>
<input type="checkbox" name="r1"> NABI NUH <br>
<input type="checkbox" name="r1"> NABI ISA<br>
<input type="checkbox" name="r1"> NABI MUSA<br>
<input type="checkbox" name="r1" CHECKED> NABI ILYAS<br>
<br>5.Yang bukan termasuk khulafaurrasyidin adalah...<BR>
<input type="checkbox" name="r1"> ABU BAKAR R.A <br>
<input type="checkbox" name="r1"> UMAR BIN KHATAB R.A<br>
<input type="checkbox" name="r1"> UTSMAN BIN AFFAN R.A<br>
<input type="checkbox" name="r1" CHECKED> BILAL BIN RABBAH R.A<br>
</td>
<td>
<br>6.Pendiri Bani Umayah adalah....<BR>
<input type="checkbox" name="r1"> MUAWIYAH BIN ABU HANIFAH <br>
<input type="checkbox" name="r1" CHECKED> MUAWIYAH BIN ABU SOFYAN<br>
<input type="checkbox" name="r1"> MUAWIYAH BIN RABBAH<br>
<input type="checkbox" name="r1"> MUAWIYAH BIN ABU HANIFAH<br>
<br>7.Pencetus khandak, pada perang khandak adalah....<BR>
<input type="checkbox" name="r1" CHECKED> SALMAN ALFARIZI<br>
<input type="checkbox" name="r1"> BILAL BIN RABBAH<br>
<input type="checkbox" name="r1"> UTSMAN BIN AFFAN<br>
<input type="checkbox" name="r1"> ALI BIN ABI THALIB<br>
<br>8.Berikut adalah cara penyebaran Islam di Indonesia,kecuali...<BR>
<input type="checkbox" name="r1"> PERKAWINAN <br>
<input type="checkbox" name="r1" CHECKED> PEPERANGAN<br>
<input type="checkbox" name="r1"> PENDIDIKAN<br>
<input type="checkbox" name="r1"> PERDAGANGAN<br>
<br>9.Rasul SAW.pertama kali menerima wahyu di gua...<BR>
<input type="checkbox" name="r1"> TSUR <br>
<input type="checkbox" name="r1" CHECKED> HIRA'<br>
<input type="checkbox" name="r1"> NUR<br>
<input type="checkbox" name="r1"> TUR<br>
<br>10.Islam masuk ke Indonesia pada abad ke....<BR>
<input type="checkbox" name="r1" CHECKED> 7 <br>
<input type="checkbox" name="r1"> 8<br>
<input type="checkbox" name="r1"> 9<br>
<input type="checkbox" name="r1"> 10<br>
</td>
</tr>
</table>
</body>
</html>
Selengkapnya >>>..
at No comments:
Labels:
Subscribe to: Posts (Atom)