Sebelum Masuk ke inti pembelajaran, mungkin ada yang mau mengcopas atau menyebarkan hasil postingan saya ini:) Saya tidak melarang pengunjung untuk melakukannya tapi dengan syarat pengunjung harus menyertakan sumbernya, ini untuk menghargai hasil kerja keras sang pembuat :) ok berikut ini adalah kode untuk membuat Table,UL,OL dan LI.
ok silakan masukan kode di bawah ini kedalam MC,Notpad,Notpad++.
jika ingin mengotak atik sebaiknya anda melihat dulu hasil dari kode-kode dibawah ini supaya nantinya pengjung bisa tahu bagian mana yang ingin anda edit.
BERIKUT KODENYA :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>membuat tabel</title>
<body bgcolor="#00FF00">
</head>
<font color="#000000" size="+2" face="Goudy Stout"><marquee direction="left" height="50" width="70%" scrollamount="5" behavior="alternate" bgcolor="#993399">Belajar Membuat Table,UL,OL dan LI</marquee></font>
<body>
<br /><br />
<div align="left">
<font color="#FF0000" size="+2" ><strong>FORM</strong></font>
<table width="423" height="221" border="1" bgcolor="#FFFF99">
<tr>
<td width="91">Nama</td>
<td width="316"> </td>
</tr>
<tr>
<td>Alamat</td>
<td> </td>
</tr>
<tr>
<td>Jenis Kelamin </td>
<td><form name="form1" method="post" action="">
<label>
<input name="radiobutton" type="radio" value="radiobutton">
Laki-Laki</label>
<p>
<label>
<input name="radiobutton" type="radio" value="radiobutton">
Perempuan</label>
</p>
</form> </td>
</tr>
<tr>
<td>Tgl lahir </td>
<td><form name="form2" method="post" action="">
<label>
<select name="select">
<option selected="selected">Bulan</option>
<option value="januari">Januari</option>
<option value="Februari">Februari</option>
<option value="Maret">Maret</option>
<option value="April">April</option>
<option value="Mei">Mei</option>
<option value="Juni">Juni</option>
<option value="Juli">Juli</option>
<option value="Agustus">Agustus</option>
<option value="September">September</option>
<option value="Oktober">Oktober</option>
<option value="November">November</option>
<option value="Desember">Desember</option>
</select>
</label>
<label>
<select name="select2">
<option selected>Tanggal</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
</label>
<label>
<select name="select3">
<option selected>Tahun</option>
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
<option value="1993">1993</option>
<option value="1994">1994</option>
<option value="1995">1995</option>
<option value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2008">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012">2012</option>
<option value="2013">2013</option>
<option value="2014">2014</option>
</select>
</label>
</form> </td>
</tr>
<tr>
<td>Email</td>
<td> </td>
</tr>
<tr>
<td>Password</td>
<td><div align="left"></div></td>
</tr>
</table>
<table width="423" border="1" bgcolor="#00FFFF">
<tr>
<td width="413"><div align="center">
<form name="form3" method="post" action="">
<label>
<input type="submit" name="Submit" value="Submit">
</label>
<label></label>
<input name="Cancel" type="submit" id="Cancel" value="Cancel">
</form>
</div></td>
</tr>
</table>
</div>
<div align="left"></div>
<pre>
<dl>
<dt><b>Paragraf Pertama</b>
<dd><p style="line-height:2em">
Isi Dengan Paragraf Yang Anda Inginkan
<dt><b>Paragraf kedua</b>
<dd>Isi Dengan Paragraf Yang Anda Inginkan
</dl>
<table border="1" width="30">
<tr>
<td>
<font color="#FF0000" size="+2">//Simbol Menggunakan Angka Romawi\\</font>
<ol type="I">
<li>item pertama</li>
<li>item kedua</li>
</ol>
</td>
</tr>
<tr>
<td>
<font color="#FF0000" size="+2">//Simbol Menggunakan Huruf\\</font>
<ol type="A">
<li>item pertama</li>
<li>item kedua</li>
</ol>
</td>
</tr>
<tr>
<td>
<font color="#FF0000" size="+2">//Simbol Menggunakan Bullet kotak\\</font>
<ul type="square">
<li>sub item pertama</li>
<li>sub item kedua</li>
</ul>
</td>
</tr>
<tr>
<td>
<font color="#FF0000" size="+2">//Simbol Menggunakan Bullet lingkaran\\</font>
<ul type="circle">
<li>sub item pertama</li>
<li>sub item kedua</li>
</ul>
</td>
</tr>
</table>
</body>
</html>
Saya Juni Hartono B.M sekian Postingan dari saya.
Terimah Kasih Sudah Berkunjung. :) Salam Bloger :):)
0 comments:
Post a Comment