Untuk membuat tabel dan nilai rata-rata di notepad++ dengan menggunakan html dapat dilakukan dengan cara berikut:

    1. Pilih menu atau ikon notepad++ dan mengekliknya (double click)
    2. setelah terbuka tampilan notepad++ nya, lalu kita tekan Ctrl+N untuk membuat tab baru (semacam ingin membuat dokumen baru)
    3. Lalu kita ketik kode-kodenya seperti berikut:<!DOCTYPE html>  <<—dalam setiap membuat html diawalin dengan ini
      <html>
      <head>
      <title> Membuat Tabel dengan HTML </title> <<—- untuk judul saat di launch di chrome atau mozilla atau lainnya
      </head>

      <body><table border=”1″ style:width:1000px”> <<—-Untuk border tabelnya
      <thead style=”background-color:black;color:white;”> <<—Untuk warna background tabelnya
      <tr>
      <th>First name</th> <<—Isi dalam tabelnya
      <th>Last name</th>  <<—Isi dalam tabelnya
      <th>Points</th>  <<—Isi dalam tabelnya berupa nilai
      </tr>
      </thead><thead style=”background-color:white;color:black;”> <<—Untuk warna background tabelnya
      <tr>
      <td>Jill</td> <<—Isi dalam tabelnya
      <td>Smith</td> <<—Isi dalam tabelnya
      <td>50</td> <<—Isi dalam tabelnya berupa nilai
      </tr>
      </thead><thead style=”background-color:grey;color:black;”> <<—Untuk warna background tabelnya
      <tr>
      <td>Eve</td> <<—Isi dalam tabelnya
      <td>Jackson</td> <<—Isi dalam tabelnya
      <td>94</td> <<—Isi dalam tabelnya berupa nilai
      </tr>
      </thead><thead style=”background-color:white;color:black;”> <<—Untuk warna background tabelnya
      <tr>
      <td>John</td> <<—Isi dalam tabelnya
      <td>Doe</td> <<—Isi dalam tabelnya
      <td>80</td> <<—Isi dalam tabelnya berupa nilai
      </tr>
      </thead>

      <thead style=”background-color:grey;color:black;”> <<—Untuk warna background tabelnya
      <tr>
      <td>Adam</td> <<—Isi dalam tabelnya
      <td>Johnson</td> <<—Isi dalam tabelnya
      <td>67</td> <<—Isi dalam tabelnya berupa nilai
      </tr>
      </thead>

      <thead style=”background-color:white;color:black;”> <<—Untuk warna background tabelnya
      <tr>
      <td colspan=”2″ align:”center”>Nilai Rata-Rata</td> <<—Isi dalam tabelnya
      <td>72,75</td> <<—Isi dalam tabelnya berupa nilai
      </tr>
      </thead>

      </table>
      </body> <<– untuk mengakhiri bentuk tabelnya
      </html> <<– harus diakhiri dengan kode ini

    4. lalu setelah kita ketik kita simpan filenya dalam bentuk Hyper Text Markup Language file (html). Setelah disimpan, lalu ita pilih menu run, lalu pilih Launch in…(terserah kita mau di Mozilla, Chrome, dll).
    5. lalu muncul tampilannya dan selesai.

      html

 

sumber:

Dari buku catatan yang pernah diajarkan oleh Dosen