Minggu, 03 Mei 2015

membuat tabel di html menggunakan notepad++

Membuat tabel di HTML menggunakan notepad++
Pertama kita siapkan dahulu notepad++  yang sudah terinstall, kalo tak ada pakai notepad biasapun bisa, lihat gambar dibawah ini;
Setelah terbuka lalu kita isikan codingan nya, disini saya akan sedikit membuat contoh tabel mahasiswa stt ibnu sina Batam, lihat codingan nya dibawah ini;
<table border="1">
  <tr>
    <th>No</th>
    <th>Npm</th>
    <th>Nama</th>
    <th>Prodi</th>
  </tr>
  <col style="background-color:white">
  <tr>
                <td>1</td>
    <td>1410128262056</td>
    <td>Khaidar Salman</td>
    <td>Teknik Informatika</td>
  </tr>
  <col style="background-color:white">
  <tr>
    <td>2</td>
    <td>1410128262057</td>
    <td>monic</td>
    <td>Teknik Informatika</td>
  </tr>
  <col style="background-color:white">
  <tr>
     <td>3</td>
    <td>1410128262058</td>
    <td>flza</td>
    <td>Teknik Informatika</td>
  </tr>
  <col style="background-color:white">
  <tr>
    <td>4</td>
    <td>1410128262058</td>
    <td>farid</td>
    <td>Teknik Informatika</td>
  </tr>
  <col style="background-color:white">
  <tr>
     <td>5</td>
    <td>1410128262059</td>
    <td>aufa</td>
    <td>Teknik Informatika</td>
  </tr>
  </table>
Tulis codingan ini di notepad++ kamu dan sewaktu kamu mau nge save as akhiri nama file kamu dengan .html
inilah gambar hasil nya
Sekian tutorial dari saya semoga bermanfaat..........

Akhirul kalam assalamu’alaikum warohmatullohi wabarokatuh

Tidak ada komentar:

Posting Komentar