table, html & css

<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel=”stylesheet” type=”text/css” href=”utama2.css” />
</head>
<body>
<h2>CARA 1</h2>
<form id=”form_utama” action=” ” method=””>
<fieldset>
<caption>FORM PENGUNJUNG</caption> <br />

Nama
:

</div>

Alamat
:

<input type=”text” name=”nama” id=”nama” /><br />
Telp : <input type=”text” name=”nama” id=”nama” /><br />

<input type=”submit” id=”submit_form” value=”MASUKKAN”/>
<input type=”reset” id=”batal_form” value=”BATAL”/>
</fieldset>
</form>

<h2>CARA 2</h2>
<form id=”form_utama” action=” ” method=””>
<fieldset>
<caption>FORM PENGUNJUNG</caption> <br />
<table>
<tr>
<th>Nama</th>
<td>:</td>
<td><input type=”text” name=”nama” id=”nama” /></td>
</tr>
<tr>
<th>Alamat</th>
<td>:</td>
<td><input type=”text” name=”nama” id=”nama” /></td>
</tr>

<tr>
<th>Telp</th>
<td>:</td>
<td><input type=”text” name=”nama” id=”nama” /></td>
</tr>

</table>

<input type=”submit” id=”submit_form” value=”MASUKKAN”/>
<input type=”reset” id=”batal_form” value=”BATAL”/>
</fieldset>
</form>

<footer>
<p>&copy;2016 webhozz</p>
</footer>
</div>
</body>
</html>

 

css.

body, #main ul, #main li, h1{
margin:0;
padding:0;
}

body{
background: #eee;
}

#container{
font-family: Arial;
margin : 0 10px;
}

#main li {
list-style: none;
height:40px;
background: #ffffff;
margin-bottom: 0.2em;
line-height: 40px;

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

border : 1px solid #999;

text-align: center;
}

#main li a{
color:#333333;
font-weight: bold;
margin-left: 1em;
text-decoration: none;

}
header, footer{
display: block;
text-align: center;
}

/*halaman form.html*/
table {
border-collapse: collapse;
background-color: #4CAF50;
width: 100%;
}

th, td {
text-align: left;
padding: 8px;
}

th {
background-color: #4CAF50;
color: white;
}

.bungkus{
margin-bottom: 15px;
background-color: #4CAF50;
}
.label{
width:75px;
float: left;

}
.titik_dua{
width:5px;
float: left;

}

Belajar HTML, Part 1

<!DOCTYPE html>
<html lang=”id”>
<head>
<!– <link rel=”stylesheet” href=”gaya.css” type=”text/css” /> –>
</head>
<body bgcolor=””>
<!– Text ini komentar –>
<h1> ini H1</h1>
<h2> ini H2</h2>
<h3> ini H3</h3>
<h4> ini H4</h4>
<h5> ini H5</h5>
<h6> ini H6</h6>

<b>bold</b>
<i>Miring</i>
<u> Garis bawah</u>
<small>Small</small>
<em>Empasis</em>
<big>Big besar</big>
H<sub>2</sub>0
O<sup>2</sup>
<strike>Coret</strike>
<strong>Strong Kuat</strong>

<!– Paragraf –>
<p align=”justify”>
ini Paragraf
</p>
<!– Link ke tempat lain –>
<a href=”http://www.w3schools.com/&#8221; target=”iframe1″ >Click here</a>

<img src=”gambar/panah.jpg” height=”100px” />

<ol type=”i”>
<li> satu </li>
<li> dua </li>
<li> tiga </li>
</ol>

<ul type=”square”>
<li> satu </li>
<li> dua </li>
<li> tiga </li>
</ul>

<dl>
<dd>satu</dd>
<dd>satu</dd>
<dd>satu</dd>
</dl>

<table border=”1″ align=”center” width=”50%”>
<tr>
<td colspan=”3″>100</td>

</tr>

<tr>
<td rowspan=”2″>400</td>
<td>500</td>
<td>600</td>
</tr>

<tr>
<td>700</td>
<td>
<table border=”1″>
<tr>
<td>ini baru</td>
<td>ini baru</td>
<td>ini baru</td>
<td>ini baru</td>
</tr>
<tr>
<td>ini baru</td>
<td>ini baru</td>
<td>ini baru</td>
<td>ini baru</td>
</tr>
</table>
</td>

</tr>
</table>

<form action=”utama.php” method=”post”>
Nama :         <input type=”text” name=”nama”  placeholder=”masukkan nama anda”/><br />
Password :     <input type=”password” name=”pass”  placeholder=””/><br />
bisa :        <input type=”hidden” name=”id” value=”” /><br />

Gender :     <input type=”radio” name=”jkl”  value=”L”/>L,
<input type=”radio” name=”jkl”  value=”P”/>P.<br />

Hobby :
<input type=”checkbox” name=”hobbi” value=”baca” />    Baca,
<input type=”checkbox” name=”hobbi” value=”makan” /> Makan,
<input type=”checkbox” name=”hobbi” value=”tidur” /> Tidur,
<input type=”checkbox” name=”hobbi” value=”makan_lagi” /> Makan Lagi,<br />

Agama :     <select name=”agama”>
<option value=””>Silahkan pilih</option>
<option value=”islam”>ISLAM</option>
<option value=”kristen”>KRISTEN</option>
<option value=”budha”>BUDHA</option>
<option value=”hindu”>HINDU</option>
<option value=”katholik”>KATHOLIK</option>
<option value=”konghuchu”>KONGHUCHU</option>
</select><br />

Alamat :     <textarea cols=”40″ rows=”5″></textarea> <br />

<input type=”submit” name=”submit” value=”KIRIM” />
<input type=”reset” name=”clear” value=”HAPUS” />
</form>

</body>
</html>

perkalian matrix :

//array : 1 var yg memiliki anggota lebih dari 1
$kota=array(“Jakarta”, “Denpasar”, “Bandung”, “Bekasi”);// 1 dimensi
$matrix_A=    array(    array(2,4),
array(3,1)); // multi dimensi

$matrix_B=    array(    array(1,5),
array(2,4)); // multi dimensi
// echo “Matrix A :<br/>”;
// echo $matrix_C[0][0]=$matrix_A[0][0]+$matrix_B[0][0].”  “;
// echo $matrix_A[0][1].”<br/>”;
// echo $matrix_A[1][0].”  “;
// echo $matrix_A[1][1].”<br/>”;

$anggota_row=count($matrix_A);
$anggota_kol=count($matrix_A[0]);
for ($i=0; $i < $anggota_row; $i++)
{
for ($j=0; $j < $anggota_kol; $j++)
{
echo $matrix_C[$i][$j]=$matrix_A[$i][$j]+$matrix_B[$i][$j].”  “;
}
echo “<br/>”;
}

echo “perkalian matrix : <br>”;

for ($i=0; $i < $anggota_row; $i++)
{
for ($j=0; $j < $anggota_kol; $j++)
{
$hasil=0;
for ($k=0; $k < $anggota_kol; $k++)
{
$hasil=$hasil+($matrix_A[$i][$k]*$matrix_B[$k][$j]);

}
$matrix_C[$i][$j]=$hasil;
echo $matrix_C[$i][$j].”  “;
}
echo “<br/>”;
}

perintah echo pada php

— perintah echo pada php —-

— listing standar html.
<img src=”otong.jpg” width=”100px” />

— listing standar php.
<?php
$a=2;        //int tidak ada kutip
$b=”saru”; // string kutip 2
$b=’saru’; //tidak disarankan keras !!!!!!!!!!!!!!!!!!!!!!!!!!! database,
$gambar=otong.jpg;

echo $a;// out put 2
echo “$a”;// out put 2 tidak disarankan keras !!!!!!!!!!!!!!!!!!!!!!!!!!!!!…….karena variabel
echo ‘$a’; output -> $a

echo “hasil adalah $a” ; // output -> hasil adalah 2
echo ‘hasil adalah $a’ ; // output -> hasil adalah $a
echo “hasil adalah”. $a.”<br/>” ; // output -> hasil adalah 2

echo ‘<img src=”$gambar” width=”100px” />’; sangat keras tidak disarankan !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
echo “<img src='”.$gambar.”‘ width=’100px’ />”;
?>
// wilayah html
<img src=”<?php echo $gambar;?>” width=”100px” />

<?php

?>

insert profil

<?php
include ‘koneksi.php’;

$nama                =$_POST[‘nama’];
$jk                    =$_POST[‘jenis_kelamin’];
$alamat                =$_POST[‘alamat’];
$no_tlp                =$_POST[‘no_tlp’];

$query =”INSERT INTO profil values(”,’$nama’,’$jk’,’$alamat’,’$no_tlp’)”;
$sql = mysql_query($query) or die (mysql_error());

if($sql)
{
echo “Data Berhasil disimpan
<meta http-equiv=’refresh’ content=’1;url=form_tampil_data.php’>”;

}
else
{
echo “Data gagal disimpan
<meta http-equiv=’refresh’ content=’1;url=form_tampil_data.php’>”;
}

?>

form input

<!DOCTYPE html>
<html>
<head>
<title>data karyawan</title>
<link rel=”stylesheet” href=”pure-min.css”  >
</head>
<body>
<!– form input Profil – karyawan –>
<form action=”insert_profil.php” method=”post” >
<table align=”center”>
<tr>
<td colspan=”3″ ><h3>Form Input Profil</h3></td>
</tr>
<tr>
<td>Nama</td>
<td>:</td>
<td>
<input type=”text” name=”nama” />
</td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>:</td>
<td>
<input type=”radio”  name=”jenis_kelamin” value=”laki-laki” /> Laki-laki
<input type=”radio”  name=”jenis_kelamin” value=”perempuan” /> Perempuan
</td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td>
<textarea name=”alamat” cols=”30″ rows=”5″></textarea>
</td>
</tr>
<tr>
<td>No. Telepon</td>
<td>:</td>
<td>
<input type=”text” name=”no_tlp” />
</td>
</tr>
<tr>
<td colspan=”3″ ><input type=”submit” name=”submit” value=”simpan” /></td>
</tr>

</table>
</form>
</body>
</html>