Jumat, 15 Mei 2015

cara membuat tabel menggunakan php

           No comments   

kode php :

<?php
$m1 = "98767676";
$m2 = "Andika";
$m3 = "andika@yahoo.com";

$s1 = "09090909";
$s2 = "andruadu";
$s3 = "kucing@yahoo.com";

$x1 = "54545454";
$x2 = "amit";
$x3 = "donat@yahoo.com";

$u1 = "64646464";
$u2 = "dini";
$u3 = "ps@yahoo.com";

$g1 = "08909090";
$g2 = "jamil";
$g3 = "dinist@yahoo.com";


echo "
<table border=1>
<tr>
<td> NPM </td>
<td> Nama </td>
<td> Email </td>
</tr>
<tr>
<td> $m1 </td>
<td> $m2 </td>
<td> $m3 </td>
</tr>
<tr>
<td> $s1 </td>
<td> $s2 </td>
<td> $s3 </td>
</tr>
<tr>
<td> $x1 </td>
<td> $x2 </td>
<td> $x3 </td>
</tr>
<tr>
<td> $u1 </td>
<td> $u2 </td>
<td> $u3 </td>
</tr>
<tr>
<td> $g1 </td>
<td> $g2 </td>
<td> $g3 </td>
</tr>
</table>";
?>


hasil :

membuat biodata disebelah kiri

           No comments   

kode html :

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="image">
</div>
<div id="header">
<ul>
<li><a href="nav.html">Home</a></li>
<li><a href="nav.html">News</a></li>
<li><a href="nav.html">Contact</a></li>
<li><a href="nav.html">About</a></li>
</ul>
</div>
<div id="nav">
<ul>
<li><a href="Indonesia.html">Indonesia</a><li>
<li><a href="Jerman.html">Jerman</a><li>
<li><a href="Palestina.html">Palestina</a><li>

</ul>
</div>
<div id="selection">

<div id="selection"><br>
<table border='0'>
<tr>
<td>
<font face="times new roman" size="7" color="yellow">Tugas 4</font></a><br>
<font face="times new roman" size="5" color="yellow">
<br> Nama : Andika rizki  </br>
<br> Kelas : 2C </br>
<br> Informatika </br>
<br> Alamat : Bengkong sadai </br>
<br> Status : Jomblo </br>
<br> hoby : berenang, nyanyi, ternak cupang </br>
</font></a><br>
</td>
<td width='600'>
<h1><center>Indonesia</center></h1>
Nama Indonesia berasal dari berbagai rangkaian sejarah yang puncaknya terjadi di pertengahan abad ke-19. Catatan masa lalu menyebut kepulauan di antara Indocina danAustralia dengan aneka nama, sementara kronik-kronik bangsa Tionghoa menyebut kawasan ini sebagai Nan-hai ("Kepulauan Laut Selatan"). Berbagai catatan kuno bangsaIndia menamai kepulauan ini Dwipantara ("Kepulauan Tanah Seberang"), nama yang diturunkan dari kata dalam bahasa Sanskerta dwipa (pulau) dan antara (luar, seberang). Kisah Ramayana karya pujangga Walmiki menceritakan pencarian terhadap Sinta, istri Rama yang diculik Rahwana, sampai ke Suwarnadwipa ("Pulau Emas", diperkirakan Pulau Sumatera sekarang) yang terletak di Kepulauan Dwipantara).
</div>
<br>
<br>
<div id="footer">
</div>
</body>
</html>

kode css :

 #imagea
 {
background-image:url(".jpg");
padding-left:1354px;
height:150px;
width:100%;
}

 #header{
background-color:#98bf21;
color:white;
text-align:center;
padding:5px;
padding-left:370px;
 }

 #nav{
line-height:30px;
height:499px;
width:130px;
float:right;
padding:5px;
 }

 #left{
width:850px;
float:right;
padding:7px;
}

#footer{
background-color:#4c5f10;
color:white;
text-align:center;
padding:5px;
}

ul{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}

li{
float: left;
}

a:link, a:visited{
display: block;
width: 120px;
font-weight: bold;
color: #fffff;
background-color#98bf21;
text-align: center;
padding: 4px;
text-decoration:none;
text-transform: uppercase;
}

a:hover, a:active{
background-color: #7A991A;
}


ganti float pada kode #nav{ dalam style menjadi right / left sesuai keinginan



cara memasukkan css ke dalam html

           No comments   

kode html :

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="image">
</div>
<div id="header">
<ul>
<li><a href="nav.html">Home</a></li>
<li><a href="nav.html">News</a></li>
<li><a href="nav.html">Contact</a></li>
<li><a href="nav.html">About</a></li>
</ul>
</div>
<div id="nav">
<ul>
<li><a href="Indonesia.html">Indonesia</a><li>
<li><a href="Jerman.html">Jerman</a><li>
<li><a href="Palestina.html">Palestina</a><li>

</ul>
</div>

<div id="selection">
<h1><center>Indonesia</center></h1>

Nama Indonesia berasal dari berbagai rangkaian sejarah yang puncaknya terjadi di pertengahan abad ke-19. Catatan masa lalu menyebut kepulauan di antara Indocina danAustralia dengan aneka nama, sementara kronik-kronik bangsa Tionghoa menyebut kawasan ini sebagai Nan-hai ("Kepulauan Laut Selatan"). Berbagai catatan kuno bangsaIndia menamai kepulauan ini Dwipantara ("Kepulauan Tanah Seberang"), nama yang diturunkan dari kata dalam bahasa Sanskerta dwipa (pulau) dan antara (luar, seberang). Kisah Ramayana karya pujangga Walmiki menceritakan pencarian terhadap Sinta, istri Rama yang diculik Rahwana, sampai ke Suwarnadwipa ("Pulau Emas", diperkirakan Pulau Sumatera sekarang) yang terletak di Kepulauan Dwipantara).
</div>
<br>
<br>
<div id="footer">
</div>
</body>
</html>

kode css :


 #image
 {
background-image:url(".jpg");
padding-left:1354px;
height:154px;
}

 #header{
background-color:#98bf21;
color:blue;
text-align:center;
padding:5px;
padding-left:150px;
 }

 #nav{
line-height:30px;
height:499px;
width:130px;
float:left;
padding:5px;
 }

 #section{
width:350px;
float:left;
padding:10px;
}

#footer{
background-color:#4c5f10;
color:white;
text-align:center;
padding:5px;
}

ul{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}

li{
float: left;
}

a:link, a:visited{
display: block;
width: 120px;
font-weight: bold;
color: #fffff;
background-color: #98bf21;
text-align: center;
padding: 4px;
text-decoration:none;
text-transform: uppercase;
}

a:hover, a:active{
background-color: #7A991A;
}



masukkan kode css ke dalam html <link rel="stylesheet" type="text/css" href="style.css">
file harus satu folder




















cara buat tabel menggunakan notepad++

           No comments   

<html>
<head>
<title>Tabel</title>
</head>

<body background="infamous.jpg">


<br>
<h2 align=”left”><center><font color = "brown">Tugas Membuat Tabel</center></h2>
<center>
<table width=”1000″ border=”1″ >
<tr>
<td width=”30″ ><div align=”center”><strong><center><font color = "BLUE"> NO </center></strong></div></td>
<td width=”292″ ><div align=”center”><center><strong><font color = "BLUE">NPM</center></strong></div></td>
<td width=”156″ ><div align=”center”><strong><center><font color = "BLUE">NAMA</center></strong></div></td>

</tr>
<tr>

<td>1</td>
<td>12333986875 </td>
<td>dedi</td>


</tr>
<tr>
<td>2</td>
<td>86964568898 </td>
<td>nunu</td>


</tr>
<tr>
<td>3</td>
<td>4356894575657</td>
<td>susi</td>

</tr>

<tr>
<td>4</td>
<td>353678798975</td>
<td>boneng </td>

</tr>

<tr>
<td>5</td>
<td>2343567868765</td>
<td>boro </td>

</tr>

<tr>
<td>6</td>
<td>97967745334587</td>
<td>sundul </td>

</tr>

<tr>
<td>7</td>
<td>21464337879808</td>
<td>tasi </td>

</tr>

<tr>
<td>8</td>
<td>2455789879766</td>
<td>duyu </td>

</tr>

<tr>
<td>9</td>
<td>464677646734</td>
<td>sani </td>

</tr>

<tr>
<td>10</td>
<td>5646797765469</td>
<td>puput </td>
</tr>
</table>
</center>
<br>
<h3 align=”left”><center><font color = "Green">Nama : Andika Rizki</center></font></h3>
<font color = "Green"><marquee>NPM : 1410128262108</marquee></font></h3>


</body>
</html>

hasilnya:



















Last Post

Recent Posts

Unordered List

Pages

Text Widget

Diberdayakan oleh Blogger.

Sample Text