PROGRAM KODING
PROGRAM KODING
<html>
<title>css</title>
<style type="text/css">
table {
text-align: center;
font family:verdana,Geneva,Arial,Helvetica,sans-serif ;
fon-weight: normal;
font-size:10px;
color: #fff;
background color: yellow;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;
}
table td {
background-color: blue;
color: #8;
padding: 6px;
text-align: left;
border: 2px #fff solid;
}
table .judul {
background-color: green;
color: red;
padding: 6px;
text-align: center;
border-bottom: 8px #fff solid;
font-size: 60px;
font-weight: bold;
}
</style>
</head>
<body bgcolor="yellow">
<center>
<h1>demo
membuat style pada Tabel Dibawah ini</h1>
<h2><strong>daftar nama
field</strong></h2>
<table>
<tr>
<td class="judul">Nama</td>
<td class="judul">Nim</td>
<td class="judul">kelas</td>
<td class="judul">Semester</td>
</tr>
<tr>
<td>SEBASTIO
DA COSTA</td>
<td>11141299</td>
<td>F</td>
<td>V (LIMA)</td>
</tr>
<tr>
<td>COSTA
MAU</td>
<td>11141256</td>
<td>C</td>
<td>V (LIMA)</td>
</tr>
<tr>
<td>ANTONIO</td>
<td>11141236</td>
<td>D</td>
<td>V (LIMA)</td>
</tr>
<tr>
<td>MANUEL</td>
<td>11141237</td>
<td>B</td>
<td>V (LIMA)</td>
</tr>
<tr>
<td>ATOY</td>
<td>11141235</td>
<td>A</td>
<td>V (LIMA)</td>
</tr>
<tr>
<td>Anto</td>
<td>11141275</td>
<td>F</td>
<td>V (LIMA)</td>
</tr>
</center>
</table>
</body>
</html>
Password
<hrtml>
<head><title>form</title></head>
<body bgcolor="yellow">
<h2>demo membuat control password</h2>
<form>
Username:
<input
type="text"name="username"size="25"
/><br/>
Password:
<input type="password"name="userpassword"size="25"
/>
<p><input type="submit"/></P>
</form>
</body>
</html>
Listbox
<hrtml>
<head><title>form</title></head>
<body bgcolor="yellow">
<h2>demo membuat control ListBox</h2>
<form>
<p>PILIH MEREK MOBIL YANG ADA DIBAWAH INI:</p>
<select name="mobil"size="10">
<option value="0">Angguna</option>
<option value="1">Kijan</ option>
<option value="2">Toyota</option>
<option value="3"> jeep</ option>
<option value="4"> Hi Lux</option>
<option value="5">Palapa</ opyion>
<option value="6">No selutan</ option>
</select>
<p><input type="submit" /></p>
</form>
</body>
</html>
Kombobox
<hrtml>
<head><title>form</title></head>
<body
bgcolor="yellow">
<h2>demo
membuat control KOMBOBOX:</h2>
<form>
<p>
PILIH MERK MOBIL:</p>
<select>name="mobil"size="1">
<option
value="0">Toyota</option>
<option
value="1">Angguna</option>
<option
value="2">Toyota</option>
<option
value="3">jeep</option>
<option
value="4">Pajero</option>
<option
value="5">Ford</option>
<option
value="6">Lain-lain</option>
</select>
<p><input
type="submit" /></p>
</form>
</body>
</html>
Text
control radio
<html>
<head><title>text</title></head>
<body
bgcolor="olive">
<h2>demo
type kontrol radio</h2>
<form>
<b>name:</b><br/>
<input
type="text"name="textname"size="30"><br/>
<b>jenis
kelamin:</b><br/>
<input
type="radio"name="gender value="l">laki_laki
<input
type="radio"name="gender
value="p">perempuan<br/>
<b>status
pernikahan:</b><br/>
<input
type="radio" name="status"
value="1">single<br/>
<input
type="radio" name="status"
value="2">dudah<br/>
<input
type="radio" name="status"
value="3">janda<br/>
<input
type="radio" name="status"
value="4">pertunangan<br/>
<input
type="radio" name="status"
value="5">berpacaran<br/>
<input
type="radio" name="status"
value="6">cerai<br/>
</form>
<p>
<input
type="submit">
</p>
</form>
</body>
</html>
Control
mobil
<html>
<head><title>text</title></head>
<body
bgcolor="olive">
<h2>demo
type kontrol radio</h2>
<form>
<b>name:</b><br/>
<input
type="text"name="txtname"size="30"><br/>
<b>mobil
yang anda suka:</b><br/>
<input
type="checkbox"name="merk[]"value="1">xenia<br/>
<input
type="checkbox"name="merk[]"value="2">Ford<br/>
<input
type="checkbox"name="merk[]"value="3">land
crueser<br/>
<input
type="checkbox"name="merk[]"value="4">tata
suma<br/>
<input
type="checkbox"name="merk[]"value="5">hi
lux<br/>
<input
type="checkbox"name="merk[]"value="6">jeep<br/>
<input
type="checkbox"name="merk[]"value="7">tata
sumu<br/>
<p>
<input
type="submit">
<marquee
behavior="alternate"><img src="costa (2).jpg"
height="100" widht="100"><marquee>
</p>
</form>
</body>
</html>
Demo css
<html>
</head><title>belajar
css</title>
<style
type="text/css">
body{
background:black;
color:white}
h2{
color:green;
border-bottom:4px
solid silver;
}
</style>
</head>
<body>
<left>
<h2>demo
membuat program css</h2>
ini halaman
web pertama yang menggunaKAN KODE CSS...<BR/>
ini halaman
web pertama yang menggunakan kode css...<br/>
ini halaman
web pertama yang menggunaKAN KODE CSS...<BR/>
ini halaman
web pertama yang menggunakan kode css...<br/>
</left>
</body>
</html>
CHECKBOOX
<hrtml>
<head><title>form</title></head>
<body
bgcolor="yellow">
<h2>demo
membuat control CHECKBOX</h2>
<form>
<p>
MEREK MOBIL YANG ANDA SUKAI:</p>
<input
type="CHECKBOX"name"merk[]" value="0"
/>Audi<br/>
<input
type="CHECKBOX"name"merk[]" value="1"
/>BMW<br/>
<input
type="CHECKBOX"name"merk[]" value="2"
/>chevrolet<br/>
<input
type="CHECKBOX"name"merk[]" value="3"
/>chrysler<br />
<input
type="CHECKBOX"name"merk[]" value="4"
/>Daihatsu<br />
<input
type="CHECKBOX"name"merk[]" value="5" />ford
<br/>
<input
type="CHECKBOX"name"merk[]" value="6"
/>Lain-lain
<p><input
type="submit" /></p>
</form>
</body>
</html>
Foun
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>
<body>
<?php
$a=13;
$b=3;
echo
"\$a=" .$a;
echo
"<br/>\$b= .$b;
echo "<br/>\$a+\$b="
.($a+$b);
echo
"<br/>\$a-\$b=".($a-$b);
echo
"<br/>\$a$*\$b=" .($a*$b);
echo
"<br/>\$a/\$b=" .($a/$b);
echo
"<br/>\$a%\$b=" .($a%$b);
?>
</body>
</html>
<!DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta
http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<title>Hasil TTS SEBASTIAO DA COSTA </title>
</head>
<?php
$a=20;
$b=10;
echo "\$a=".$a;
echo "<br/>\$b=".$b;
echo "<br/>\$a-\$b=".($a-$b);
?>
<body>
</body>
</html>
Foun
<!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>TTS KLS F</title>
</head>
<body>
<h2>Perhitungan<h2/><br/>
<?php
$a=20;
$b=10;
echo " Nilai dari a : ".$a;
echo "<br/>Nilai dari b : ".$b;
echo "<br/>Selisihnya : ".($a-$b);
?>
</Body>
</Html>
FOUN
<!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>NAMA : SEBASTIAO DA COSTA. KELAS :F
</title>
</head>
<body>
<h2>NAMA: SEBASTIAO DA COSTA<h2/><br/>
<H2>KELAS: F </h2><BR/>
<?php
$a=20;
$b=10;
echo " Nilai dari a : ".$a;
echo "<br/>Nilai dari b : ".$b;
echo "<br/>Selisihnya : ".($a-$b);
?>
</Body>
</Html>
Komentar