Selasa, 15 Desember 2015

Algoritma & Pemrograman 3 : DASAR-DASAR PHP

DASAR-DASAR PHP
Yang Akan Kita Pelajari Yaitu :
1. Konsep Pemrograman Server-Side
2. Pengenalan Pemrograman PHP
3. Sintak Dasar PHP

1.1. URL Dan Web Server
Saat kita mengetikkan URL yang terjadi adalah :
1. Komputer mencari IP dari nama host melalui DNS.
2. Browser konek ke IP tujuan dan me-request file.
3. Web Server (mis. Apache) mengambil file lokal dan kemudian mengirimkan kembali ke kita.
Kadang URL menunjukkan file program yang harus dieksekusi oleh Web Server sebelum dikirim ke client.

2.1. Fungsi Halaman Dinamis Dan Halaman Statis
- Halaman Dinamis Fungsinya Yaitu :
1. URL menunjuk pada halaman yang isinya berubah.
2. Server menjalankan script / program yang dikirimkan hasilnya ke client.
3. Bukan HTML tetapi program yang menghasilkan HTML.
4. Pemrograman Web Sisi Server
- Halaman Statis Fungsinya Yaitu :
1. Pandangan Client : URL menunjuk pada file HTML yang identik.
2. Pandangan Server : Hanya mengirim file yang disimpan di direktori Server kepada client.
3. File HTML murni.
4. Bisa langsung dibuka oleh Browser.
Halaman Server-side adalah program yang ditulis dengan salah satu bahasa pemrograman / framework. Contoh pemrograman sisi server bisa ditulis dengan PHP, JSP, ASP, RUBY on Rails, ColdFussion dll.
Web Server berisi program yang bisa menjalankan program atau script yang ditulis oleh bahasa pemrograman tersebut yang kemudian mengirimkan outputnya ke client sebagai respon dari permintaan Browser.

3.1. Pengertian PHP
PHP (Hypertext PreProcessor) adalah bahasa komputer / bahasa pemrograman/ koding / script yang digunakan untuk mengolah data dari Server untuk ditampilkan di Website. Jadi, PHP digunakan untuk membuat website dinamis. Dalam penggunaan murninya, kode-kode PHP disisipkan diantara kode HTML. File yang berisi script php harus berformat .php.

4.1. Siklus Permintaan Web Dengan PHP
Browser meminta file PHP maka : Server membaca file, Menjalankan kode-kode Script PHP yang ada didalamnya kemudian mengirimkan hasilnya ke Browser.
Browser meminta file HTML (Halaman Statis) maka : Server hanya langsung mengirimkan file HTML tersebut.

5.1. Kenapa Memilih PHP
1. Gratis dan Open Source.
2. Umum digunakan dibanyak Web Server.
3. Simple : Memiliki fungsi yang lengkap dengan Sintak yang mudah dipahami.
4. Support dibanyak Hosting Web.
5. Dokumentasi dan contoh-contoh program yang lengkap.

6.1. Mempersiapkan PHP
1. Install XAMPP : yang merupakan web-server lokal yang digunakan untuk simulasi Web Server sesungguhnya (ada Apache, PHP, dan mySql yang sudah terinstall secara default).
2. Direktori C:\xampp\htdocs merupakan direktori dimana URL Http://localhost/ berada.
3. Pastikan semua servis yang ada di kontrol panel XAMPP dijalankan.

7.1. Hello Word Di PHP
Blok kode PHP diawali dengan <?php dan diakhiri dengan ?>
Statement, Deklarasi fungsi, dll. berada di antara <?php dan ?>
Silahkan simpan kode diatas dalam file hello.php dan masukkan kedalam direktori
C:\xampp\htdocs , kemudian panggil di browser : http://localhost/hello.php

8.1. Type Data Didalam PHP
Type Data Didalam PHP Yaitu :
1. Integer
Adalah Type data pada PHP yang berupa angka bulat 1, 22, 100, 1000, Type data ini sangat umum digunakan dibahasa Pemrograman khususnya yang berkaitan dengan angka bulat.
Nilai Integer bisa bernilai negatif  atau positif dan jika tidak diberi tanda (-) maka diasumsikan sebagai nilai positif.
Penulisan Integer didalam PHP adalah sebagai berikut :
<?php
$nilai1=4;
$nilai2=3;
$hasil=$nilai1+$nilai2; //contoh penjumlahan
echo $hasil;

2. Float
Float atau nama lainya Adalah Floating Point atau Real Number Adalah Type data pada PHP yang memiliki bagian desimal diakhir angka. Contohnya Adalah 3, 2, 1, Atau 4, 5.
Dalam penulisan Type data Float didalam PHP bukan menggunakan koma (,) tetapi menggunakan (.)
Penulisan float :
<?php
$nilai1=4.5;  
$nilai2=3.5;
$hasil=$nilai1+$nilai2; //contoh penjumlahan
echo $hasil;
?>

3. String
Adalah Type data pada PHP yang berisi texs dan karakter dimana bentuknya bisa kata bisa kalimat. Didalam PHP untuk penulisan jenis Type data ada 4 cara yaitu : Single Quoted, Double Quoted, Heredoc, Nowdoc.

- Single Quoted
Penulisan String dengan cara ini bisa dibilang adalah cara yang sederhana, caranya adalah dengan memberi tanda Single Quoted di awal dan diakhir kalimat yang kita buat, dan untuk kalimat yang mengandung tanda petik satu harus di dahului dengan backslash ( \ ) dan jika kita ingin memunculkan tanda backslash maka kita harus menulisnya dua kali agar tidak bingung.
Lihat seperti contoh dibawah ini :
<?php
$string1='contoh string';
$string2='contoh tanda petik: A\'Laikum"';
$string3='Document root C:\\xampp\\htdoc';

echo $string1; echo "<br>";
echo $string2; echo "<br>";
echo $string3; echo "<br>";

- Double Quoted
Sekilas jika dilihat penulisan String dengan Single Quoted dan Double Quoted sepertinya tidak ada perbedaan. ada beberapa point yang ternyata ada bedanya antara lain adalah jika penulisan String menggunakan Double Quoted dan didalamnya terdapat variable maka PHP akan memprosesnya tapi jika menggunakan Single Quoted tidak. Apabila Didalam Double Quoted ada kalimat yang menggunakan tanda (“”) harus menggunakan backslash di awal dan akhir kalimat.
Sebagai contoh adalah sebagai berikut :
<?php
$contoh="ini adalah";
$string1= "$contoh contoh string";
$string2="contoh tanda petik: \"A'Laikum\"";
$string3="Document root C:\\xampp\\htdoc";

echo $string1; echo "<br>";
echo $string2; echo "<br>";
echo $string3; echo "<br>";

- Nowdoc
Dalam penulisan Nowdoc tidak banyak berbeda dengan Heredoc perbedaanya adalah pada pengakhir String terdapat tanda Single Quoted.
Hasil proses dari Nowdoc sama halnya dengan Single Quoted dimana variable dan karakter khusus tidak akan terproses.

4. Boolean
Adalah Type data PHP yang paling sederhana dalam bahasa Pemrograman apapun. Karena Type data ini memiliki 2 nilai yaitu True dan False. Type data Boolean sering kali digunakan pada operasi logika seperti kondisi If dan Looping.
Berikut adalah Type data boolean  jika dikonversi dari Type data lainya :
Integer 0, dianggap sebagai False.
Float 0.0, dianggap sebagai False.
String kosong (“”) dan String “0” dianggap sebagai False.
Array tanpa elemen, dianggap sebagai False.
Objek dengan tanpa nilai dan fungsi, dianggap sebagai False. Nilai null, dianggap sebagai False.
Kesalahan dalam kode program sering terjadi karena “Konversi” dari Type data lain menjadi Boolean, sehingga sedapat mungkin kita membuat variabel Boolean dengan nilai yang pasti dan tidak bargantung kepada aturan “Konversi” Booelan dari PHP.

5. Array
Array berada dengan Type data PHP seperti Integer atau Boolean, Karena Array Adalah sebuah Type data yang didalamnya terdiri dari kumpulan Type data.
Penulisan Array dalam PHP
PHP mendukung beberapa cara penulisan Array, salah satunya adalah menggunakan Konstruktor Array.
$nama_variabel = array(
key => value,
key2 => value2,
key3 => value3,
...
)

Penulisan Array terdiri dari kunci (key) dan nila (value). key berfunsi sebagai penunjuk posisi dimana value tersimpan. tanda => berfungsi untuk memberikan nilai kepada key.
Untuk mengakses nilai dari Array kita menggunakan kombinasi nama variable dan nilai key agar mempermudah mari kita lihat contoh dibawah ini :
<?php
$nama = array(
1=>"Andri",
2=>"Joko",
3=>"Sukma",
4=>"Rina",
5=>"Sari");

//cara akses array
echo $nama[1]; //Andri
echo "<br />";
echo $nama[2]; //Joko
echo "<br />";
echo $nama[3]; //Sukma

Pada contoh di atas kami menggunakan Integer sebagai key dan String sebagai value. Selain menggunakan cara seperti diatas PHP juga memperbolehkan penulisan Array tanpa menggunakan key dan secara otomatis key akan diurutkan dari 0,1,2 dst.
Seperti contoh dibawah ini :
?php
$nama = array("Andri", "Joko", "Sukma", "Rina", "Sari");
//cara akses array
echo $nama[1]; //Andri
echo "<br />";
echo $nama[2]; //Joko
echo "<br />";
echo $nama[3]; //Sukma

Didalam key ataupun value pada Array kita bisa menggunakan Type data String atau Integer akan tetapi apabila di isi dengan Boolean maka secara otomatis akan di proses menjadi 0 / 1.

Pertanyaan
Soal :
Type data apa yang dipakai yang bisa menggunakan angka dan karakter?
Jawab :
Type data Integer.

Sumber Referensi :
1. http://www.duniailkom.com/pengertian-dan-fungsi-php-dalam-pemograman-web/
2. http://www.duniailkom.com/mengenal-tipe-data-array-dan-cara-penulisan-array-dalam-php/
3. http://www.duniailkom.com/mengenal-tipe-data-boolean-dan-cara-penulisan-boolean-dalam-php/
4. http://www.duniailkom.com/mengenal-tipe-data-string-dan-cara-penulisan-string-dalam-php/
5. http://www.duniailkom.com/mengenal-tipe-data-float-dan-cara-penulisan-float-dalam-php/
6. http://www.duniailkom.com/mengenal-tipe-data-integer-dan-cara-penulisan-integer-dalam-php/
7. Ropianto, M.Kom, IT.H, Algoritma Dan Pemrograman III DASAR-DASAR PHP, Batam.

Semoga Bermanfaat Untuk Kita Semua Amin....

Dosen Pengampuh Matakuliah
Nama : M. Ropianto, M.Kom
NIDN : 1028067804
Status : Dosen Tetap YAPISTA/STT Ibnu Sina
Pengampuh Matakuliah : Algoritma Dan Pemrograman 3
Jl. Teuku Umar - Lubuk Baja - Batam
T : 0778-425391,  F : 0778-458394


Silakan Kunjungi Juga Website : http://stt-ibnusina.ac.id/

Senin, 11 Mei 2015

STT IBNUSINA BATAM



Sekolah Tinggi Teknik Ibnu Sina Batam adalah sebuah Sekolah Tinggi Teknik di Batam, Indonesia yang beralamat di jalan Teuku Umar Lubuk Baja, Batam. Sekolah ini dikelola oleh Yayasan Pendidikan Ibnu Sina (YAPIS) Batam.
Sejarah berdirinya Yayasan Pendidikan Ibnu Sina Batam berdiri sejak tanggal 27 Rajab 1397 H. Bertepatan dengan tanggal 14 Juli 1977 dibawah Pimpinan H. Andi Ibrahim, BA. Pengurus yayasan berkonsentrasi penuh di bidang pendidikan mulai dari TK, SD, SMP, SMK hingga Perguruan Tinggi. Untuk perguruan tinggi yayasana membina 4 Sekolah Tinggi yaitu :
STAI (Sekolah Tinggi Ilmu Agama)
STIE (Sekolah Tinggi Ilmu Ekonomi)
STT (Sekolah Tinggi Teknik)
STIKES (Sekolah Tinggi Ilmu Kesehatan)
Pada tahun 2001 setelah melakukan musyawarah dengan para pengurus yayasan dan tokoh masyarakat tentang rencana pendirian Sekolah Tinggi Teknik (STT) Ibnu Sina Batam guna mempersiapkan kebutuhan akan sumber daya manusia dibidang Teknologi guna menunjang, pengembangan daerah maupun Nasional khususnya di sektor industri. Alhamdulillah pada tanggal 28 September 2001 resmi berdiri setelah mendapatkan izin penyelenggaraan dari Menteri Pendidikan Nasional dengan SK. Nomor 204/D/O/2001 dan Pengesahan Badan Hukum Yayasan dari MENHUMKAM nomor : AHU-AH.01.08-704
STT Ibnu Sina Batam saat ini sedang membina dan mengembangkan 2 Program Studi yakni :
Program Studi Teknik Informatika, Status Terakreditasi BAN-PT No.015/BAN-PT/Ak-XII/S1/IV/2009. Bidang konsentrasi : Hardware dan Networking Software Engineering Multimedia
Program Studi Teknik Industri, Status Terakreditasi BAN-PT No. 010/BAN-PT/Ak-XII/S1/V/2009. Bidang konsentrasi : Teknik dan Manajemen Perusahaan Teknik Produksi dan Pengembangan Produk Desain Sistem Kerja dan Ergonomi
Dan saat ini sedang mengajukan permohonan izin pembukaan Program Studi Teknik Perkapalan, Teknik Sipil, Teknik Mesin, dan Teknik Elektro.



Selasa, 05 Mei 2015

MEMBUAT TABEL MENGGUNAKAN BAHASA PHP

PENGERTIANNYA:

Bahasa pemrograman PHP Adalah bahasa yang digunakan untuk membangun sebuah website.

CONTOH SKRIP:

if (($baris % 1)==5){
     echo "<tr bgcolor=#00CCFF>";
     echo"<td>INDRA PRAJA</td><td>14100128262016</td><td>082285853419</td>";
    }
{
     echo "<tr bgcolor=#00CCFF>";
   echo"<td>BAGUS TRI HARIANTO</td><td>14100128262023</td><td>082285520401</td>";
   }
   {
     echo "<tr bgcolor=#00CCFF>";
    echo"<td>ROBY ALBENT</td><td>14100128262010</td><td>085238786871</td>";
    }
    {
     echo "<tr bgcolor=#00CCFF>";
   echo"<td>RUDI ISMANTO</td><td>14100128262045</td><td>085264002284</td>";
     }
{
     echo "<tr bgcolor=#00CCFF>";
   echo"<td>DEVIE ANGGREINI</td><td>14100128262012</td><td>085765492024</td>";
      }
     {
     echo "<tr bgcolor=#00CCFF>";
   echo"<td>DESY NOVA SARI</td><td>14100128262032</td><td>085765108246</td>";
       }
       echo "<tr bgcolor=#FFFFFF>";
  ?>
  </tr>
 <?php
 }
 ?>
</table>
</body>
</html>

HASILNYA:





MEMBUAT PROGRAM BIODATA DI SIDEBAR DI LAYOUT WEB DENGAN FORMAT CSS DAN HTML

CONTOH SKRIP CSS:

#image
{
      background-image:url("Fisika.jpg");
      padding-left:100px;
      height:350px;
      }
 #header {
    background-color:#98bf21;
    color:white;
    text-align:center;
    padding:5px;
    padding-left:150px;
  }
  #nav {
     line-height:20px;
     height:500px;
     width:120px;
     float:right;
     padding:6px;
    }
    #nav1 {
    text-align:left;
     line-height:15px;
     height:500px;
     width:200px;
     float:left;
     padding:10px;
    }
   
     #section {
     width:350px;
     float:left;
     padding:10px;
    }
   
     #footer {
        background-color:#4c5f10;
        color:white;
        clear:both;
        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: #ffffff;   
        background-color:#98bf21;
        text-align: center;
        padding : 4px;
        text-decoration: none;
        text-transform: uppercase;
        }
        a:hover, a:active {
        background-color:#7A991A;
        }
    }

CONTOH SKRIP 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="PENGLIHATAN.html">PENGLIHATAN</a></li>
 <li><a href="PERCOBAAN.html">PERCOBAAN</a></li>
 <li><a href="PENGAMATAN.html">PENGAMATAN</a></li>
 <li><a href="PENGUKURAN.html">PENGUKURAN</a></li>
 </ul>
 </div>
 <div id="nav1">
 <ul>

 <br><li> <a href="nav.html">BIODATA</a><li></br>
<p>
<left><img src="indra.jpg" width="133" height="101"></left>
</p>
 <p>
 <p>Nama        :Indra Praja</P>
 <p>TTL          :Batam, 16 oktober 1995</p>
 <p>Pekerjaan  :Mahasiswa</p>
 <p>Hobby       :Berenang</p>
 <p>Alamat      :Tanjung uma</p>
 <p>Negara      :Indonesia</p>
 <hr>  </hr>
   
 </ul>
 </div>
   
 <div id="section">
 <h1>BESARAN</h1>
 <p>
 Dalam ilmu fisika, panjang, volume, dan, suhu, adalah suatu yang dapat diukur. suatu yang dapat diukur itu disebut dengan besaran.
 Besaran berdasarkan cara memperolehnya dapat dikelompokkan menjadi 2 macam yaitu:
 1.Besaran pokok yaitu besaran yang diperoleh dari pengukuran.
 2.Besaran non fisika yaitu besaran yang diperoleh dari perhitungan.
 Ukuran dari suatu besaran ditetapkan sebagai satuan.
</p>
<p>
Arti fisika adalah ilmu pengetahuan yang mempelajari sifat dan gejala pada benda-benda dialam.
Fisika lahir dan berkembang dari:
1.Penglihatan
2.Percobaan
3.Pengamatan
4.Pengukuran
</p>
</div>
   
<div id="nav">
<ul>
<li><a href="nav.html">menu 1</a></li>
<li><a href="nav.html">menu 2</a></li>
<li><a href="nav.html">menu 3</a></li>
<li><a href="nav.html">menu 4</a></li>
</ul>
</div>

<div id="footer">
<marquee>Indrapraja529@yahoo.com</marquee>
</div>
</body>
</html>

HASILNYA:
     
  

MEMBUAT PROGRAM LAYOUT WEB DENGAN CSS DAN HTML

PENGERTIANNYA: 

CSS:
Merupakan salah satu kode pemrograman yang bertujuan untuk menghias dan mengatur gaya tampilan/layout halaman web supaya lebih elegan dan menarik.

HTML:
Adalah suatu bahasa menggunakan Tag-Tag (Simbol/tanda) tertentu yang nantinya akan di tafsirkan oleh browser.

CONTOH SKRIP CSS:

#image
{
      background-image:url("header.jpg");
      padding-left:100px;
      height:150px;
      }
 #header {
    background-color:#98bf21;
    color:white;
    text-align:center;
    padding:5px;
    padding-left:150px;
  }
  #nav {
     line-height:30px;
     background-color:#lightblue;
     height:300px;
     width:100px;
     float:left;
     padding:5px;
    }
   
     #section {
     width:350px;
     float:left;
     padding:10px;
    }
   
     #footer {
        background-color:#4c5f10;
        color:white;
        clear:both;
        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: #ffffff;   
        background-color:#98bf21;
        text-align: center;
        padding : 4px;
        text-decoration: none;
        text-transform: uppercase;
        }
        a:hover, a:active {
        background-color:#7A991A;
        }
    }

CONTOH SKRIP 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="nav.html">Menu1</a></li>
     <li><a href="nav.html">Menu2</a></li>
     <li><a href="nav.html">Menu3</a></li>
     <li><a href="nav.html">Menu4</a></li>
     </ul>
     </div>
   
     <div id="section">
     <h1>Besaran</h1>
     <p>
     dalam ilmu fisika, panjang, volume, dan, suhu, adalah suatu yang dapat diukur.
    </p>
    <p>
     suatu yang dapat diukur itu disebut dengan besaran.
    </p>
    </div>
   
    <div id="footer">
    Copyright
    </div>
    </body>
    </html>

HASILNYA:


    

MEMBUAT PROGRAM LAYOUT WEB DENGAN HTML

PENGERTIANNYA:

Layout dengan html, terdiri dari  5 bagian yaitu:
1. Header
Yaitu merupakan elemen yang berisi judul dan penjelasan lain dokumen. Biasanya di isi dengan logo website, menu-menu , maupun nama halaman yang sedang ditampilkan

2. Navigation
Yaitu yang memberikan akses navigasi ke halaman-halaman lain dalam web

3. Sidebar
Yaitu pendukung konten, dapat berupa pembantu navigasi konten, ataupun ber bagai hal lain seperti daftar konten lain, iklan, atau menu tambahan. Sidebar dapat berada di kiri atau kanan konten

4. Konten
Yaitu Isi utama dari dokumen web

5. Footer
Yaitu Bagian penutup dari website

CONTOH SKRIP:

<!DOCTYPEhtml>
 <html>

 <head>

 <style>
 #header {
    background-color:lightblue;
    color:green;
    text-align:center;
    padding:5px;
  }
  #nav {
     line-height:30px;
     background-color:#lightgreen;
     height:300px;
     width:100px;
     float:left;
     padding:5px;
    }
     #section {
     width:350px;
     float:left;
     padding:10px;
    }
     #footer {
        background-color:orange;
        color:white;
        clear:both;
        text-align:center;
        padding:5px;
    }
     </style>
     </head>
   
     <body>
   
     <div id="header">
     <h1>BESARAN POKOK</h1>
     </div>
   
     <div id="nav">
     Panjang<br>
     Volume<br>
     Suhu<br>
     </div>
   
     <div id="selection">
     <h1>Besaran</h1>
     <p>
     dalam ilmu fisika, panjang, volume, dan suhu, adalah suatu yang dapat diukur.
    </p>
    <p>
    suatu yang dapat diukur itu disebut dengan besaran.
    </p>
    </div>
   
    <div id="footer">
    Copyright
    </div>
    </body>
    </html>

HASILNYA:

 

   
   
   
   
   
   

MEMBUAT PROGRAM TABEL DARI HTML

PENGERTIANNYA:

Tabel dalam html digunakan untuk menampilkan data dalam bentuk baris dan kolom. Definisi tabel dalam html adalah, suatu tempat untuk menampilkan sejumlah data dan informasi yang biasanya berupa kata-kata maupun bilangan yang tersusun dengan garis pembatas berupa baris dan kolom.

CONTOH SKRIP:

<!DOCTYPE html>
<html>
<head>
  <title>Latihan html</title>
</head>

<body>
  <h1> <CENTER>SELAMAT DATANG</CENTER> </h1>   
 <CENTER>
 <table border="3">
 <tr>
 <td> <CENTER>NPM</CENTER> </td>
 <td> <CENTER>NAMA</CENTER> </td>
 <td> <CENTER>JURUSAN</CENTER> </td>
 </tr>
 <tr>
 <td>1410128262016</td>
 <td>INDRA PRAJA</td>
 <td>TEKNIK INFORMATIKA</td>
 </tr>
 <tr>
 <td>1410128262028</td>
 <td>ALBERTO PRATAMA</td>
 <td>TEKNIK INFORMATIKA</td>
 </tr>
 <tr>
 <td>1410128262036</td>
 <td>SUSI SUSANTI</td>
 <td>TEKNIK INFORMATIKA</td>
 </tr>
 <tr>
 <td>1410128262001</td>
 <td>SUHIDA</td>
 <td>TEKNIK INFORMATIKA</td>
 </tr>
 <tr>
 <td>1410128262019</td>
 <td>INDRA KURNIAWAN</td>
 <td>TEKNIK INFORMATIKA</td>
 </tr>
 <tr>
 <td>1410128262038</td>
 <td>RUDI HARTONO</td>
 <td>TEKNIK INFORMATIKA</td>
 </tr>
 <tr>
 <td>1410128262031</td>
 <td>RUDI ISMANTO</td>
 <td>TEKNIK INFORMATIKA</td>
 </tr>
 <tr>
 <td>1410128262008</td>
 <td>DESNIA KURNIATI</td>
 <td>TEKNIK INFORMATIKA</td>
 </tr>
 <tr>
 <td>1410128262139</td>
 <td>HAMDANI</td>
 <td>TEKNIK INFORMATIKA</td>
 </tr>
 <tr>
 <td>1410128262013</td>
 <td>RUDI CAHYANA SITORUS</td>
 <td>TEKNIK INFORMATIKA</td>
 </tr>
 </table>
 </CENTER>
 <p> <CENTER>INI ADALAH TUGAS HTML PERTAMA</CENTER> <br><br></p>
 <p> <CENTER> Di Buat Oleh : INDRA PRAJA <CENTER> </p>
</body>

</html>

HASILNYA: