Menyajikan Tabel Pada HTML

A. Tujuan Pembelajaran

Setelah mengikuti kegiatan belajar ini Peserta Didik diharapkan dapat :

Siswa Mampu Membuat Tabel dengan HTML
Siswa mampu menggunakan tabel sebagai penampung informasi.
Siswa mampu memanfaatkan tabel dalam merapikan tampilan website.
Siswa dapat membuat tabel dengan berbagai format.dokumen web

B. Uraian Materi

Tabel digunakan untuk menyajikan informasi yang terdiri dari baris dan kolom. Dengan script HTML anda dapat membuat tabel yang bersifat statis, informasi yang tampil berasal dari data yang ditulis dalam script HTML. Dalam disain web table juga dapat memperindah dan merapikan tampilan.

Elemen Pembentuk Tabel

C. Praktikum

1. ALAT DAN BAHAN:

Komputer
Notepad/Notepade++/Sublime Text
Ebook

2. Ketikkanlah Program dibawah ini

<!doctype html>
<HTML>
<HEAD>
   <TITLE> Contoh Membuat Tabel </TITLE>
</HEAD>
<BODY>
<caption><b>DAFTAR BIODATA PEGAWAI</b></caption>
   <table border="5">
      <tr>
         <th>Nama Lengkap</th>
         <th>Alamat Rumah</th>
         <th>Kota</th>
         <th>Pekerjaan</th>
      </tr>
      <tr>
         <td>Sujayadi</td>
         <td>Jl. Kalimantan Timur 34</td>
         <td>Balikpapan</td>
         <td>Wiraswasta</td>
      </tr>
      <tr>
         <td>Handayani</td>
         <td>Jl. Cendrawasih Raya 4</td>
         <td>Balikpapan</td>
         <td>PNS</td>
      </tr>
   </table>
</BODY>
</HTML>

Simpan dalam folder RPL dengan nama file : tabel1.html

Output :

Contoh Program Membuat Jadwal Pelajaran dengan HTML.

<!doctype html> 
<HTML> 
<HEAD>
   <TITLE> Contoh Membuat Tabel </TITLE>
</HEAD>
<BODY> 
<caption>
   <b>JADWAL PELAJARAN X MIPA 3</b>
</caption> 
<table border="5">
   <tr> 
      <th>SENIN</th> 
      <th>SELASA</th>
      <th>RABU</th>
      <th>KAMIS</th> 
      <th>JUMAT</th> 
   </tr> 
   <tr> 
      <td>B.Jepang</td> 
      <td>PKN</td>
      <td>B.Indonesia</td> 
      <td>B.Sunda</td>
      <td>Ekonomi</td>
   </tr> 
   <tr> 
      <td>PJOK</td> 
      <td>PKWU</td> 
      <td>Matematika wajib</td> 
      <td>Matematika wajib</td> 
      <td>Kimia</td> 
   </tr> 
   <tr> 
      <td>Biologi</td>
      <td>Seni Budaya</td> 
      <td>Matematika Minat</td>
      <td>Sejarah</td>
      <td>TIK</td> 
   </tr>
   <tr> 
      <td>B.inggris</td>
      <td>PABP</td> 
      <td>BP&BK</td>
      <td>Pramuka</td>
   </tr> 
   <tr>
      <td>B.Indonesia</td>
      <td>Fisika</td> 
      <td>Fisika</td>
      <td>Fisika</td> 
   </tr> 
</table>
</BODY>
</HTML>

output :

Download : Konsep Dasar HTML dan CSS

Leave a Reply Cancel reply