Senin, 28 Mei 2018

Membuat Form Mahasiswa dengan HTML

FORM MAHASISWA MENGGUNAKAN HTML

Dikesempatan ini saya akan membuat tampilan form Mahasiswa  dengan menggunakan HTML pada browser localhost.
Kurang lebih tampilannya seperti gambar di bawah ini


Tentunya kalian sudah mengenal terlebih dahulu apa itu Html dan PHP.
HTML adalah Hyper Text Markup Language, sebuah bahasa markup yang digunakan untuk membuat sebuah halaman webPHP adalah bahasa pemrograman script server-side yang didesain untuk pengembangan web. server side rogramming adalah jenis bahasa pemrograman yang nantinya script/program tersebut akan dijalankan oleh server. Selanjutnya hasil pengolahan script/program tersebut akan dikirim ke client sebagai output.
Dan gunakan text-editor sesuai dengan keinginan kalian, saya menggunakan Notepad++ yang menurut saya lebih mudah digunakan.
1. Langkah Pertama kita akan membuat  title dari Form mahasiswa

<html>
<head>
<title>STT PELITA BANGSA</title>
</head>

2. Langkah Kedua isi kan codingan Form didalam body Html.

<body>
<table width="100" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="black">
<!-- Ini adalah codingan untuk mengatur table dan border di dalam Form. -->
<tr>
 <td  align="center" bgcolor="black">
        <h2><font color="white">STT PELITA BANGSA</h2>
        <h3><strong>Jln.Inspeksi Kalimalang</strong></h3>
        <h3><strong>Telp.021-2851-8181</strong></h3>
        <h3><strong>Email: Pelitabangsa.ac.id</strong></h3>
        </font>   </td>
    </tr>
    <tr>

3. Langkah Ketiga kita akan membuat codingan body dari Form mahasiswa
<tr>    
<td bgcolor="#FFFFFF"><table width="452" border="0" align="center" cellpadding="5" cellspacing="0">      
               <h5> <center><font color="BLACK">BIODATA PRIBADI</font></h5>        
            <tr>
             <td>NIM</td>
            <td>:</td>
            <td>311510658 </td>                               
          </tr>
        <tr>
            <td>Nama</td>
            <td>:</td>
            <td> NOVITA SARI</td>
          </tr>
              <tr>
            <td>Alamat</td>
            <td>:</td>
            <td>Ds.CIANTRA </td>
          </tr>
            <tr>
            <td>Jurusan</td>
            <td>:</td>
            <td>Teknik Informatika</td>
          </tr>
          <tr>
            <td>KELAS</td>
            <td>:</td>
            <td>TI15D5</td>
          </tr>         
          <tr>
            <td>Tanggal Lahir</td>
            <td>:</td>
            <td>10 NOVEMBER 1995</td>
          </tr>
        </table>
</td>
  </tr>
  </table>
4. Langkah yang ke Empat atau terakhir ini adalah footer sekaligus penutup dari coding Form mahasiswa.
<!-- Footer : saya menambahkan sedikit deskripsi tentang html dan php-->
<p>Deskripsi HTML dan PHP</p>
<ul><li> HTML adalah Hyper Text Markup Language, sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web.</li></ul>
<ul><li> PHP atau merupakan singkatan rekursif dari PHP : Hypertext Preprocessor adalah suatu bahasa pemrograman yang termasuk kategori server side programming. server side programming adalah jenis bahasa pemrograman yang nantinya script/program tersebut akan dijalankan oleh server.</li></ul>
</form>
</body>
</html>

selanjutnya kalian dapat menampilkan form tersebut dengan masuk ke localhost Laptop/Pc kalian dan jangan lupa start mysql pada xampp terlebih dahulu. Sekian langkah langkah sederhana untuk membuat tampilan Form mahasiswa,. semoga bermanfaat dan mudah untuk dipahami ya, terimakasih.

Tidak ada komentar:

Posting Komentar