Membuat Tabel Mengunakan HTML

MEMBUAT TABEL MENGUNAKAN HTML

                                           

Pada kesempatan kali ini saya akan membagikan sebagian dari ilmu yang telah saya pelajari di mata kuliah pemorgraman berbasis WEB pada semester ini.
pemrograman yang akan saya bahas di sini adalah pemorgraman berbasis web.
Aplikasi yang saya gunakan adalah Notepad++, untuk aplikasi Notepad++ saudara tidak perlu untuk download lagi karna aplikasi Notepad++ ini udah bawahan dari laptop.


PEMBUKA



                              


HTML adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah WEB Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.
Sekarang ini HTML merupakan standar Internet yang dikendalikan dan didefinisikan pemakaiannya oleh World Wide Web Consortium (W3C).  Pada tahun 1989, HTML dibuat oleh kolaborasi Berners-lee Robert dengan Caillau TIM  pada saat mereka bekerja di CERN (CERN merupakan lembaga penelitian fisika energi tinggi di Jenewa).


Sekarang mari kita coba untuk membuat sebuah tabel.

Buka aplikasi notepad++ saudara dan mulai membuat seperti berikut ini.

<html>
<head>
<title>Tabel</title>
</head>
<body bgColor="aqua">
<table border="1">
<th colspan="5" bgColor="white">makanan</th>

<tr>
<td bgColor="blue"  align="center">Nasi Goreng</td>
<td bgColor="green" align="center">Nasi Goreng Sea Food</td>
<td bgColor="grey" align="center">Ikan Gurame</td>
<td bgColor="" align="center">Udang GOreng</td>
<td bgColor="yellow" align="center">Cumi Goreng</td>
</tr>
<tr>
<td  bgColor="blue" align="center">Nasi uduk</td>
<td  bgColor="green" align="center">cap cay</td>
<td  bgColor="grey" align="center">Ikan bawal</td>
<td  bgColor="aqua" align="center">ayam GOreng</td>
<td  bgColor="yellow" align="center">ayam bakar</td>
</tr>
<th colspan="5" bgColor="white"> Minuman</th>
<tr>
<td  bgColor="grey" align="center">jus apel</td>
<td  bgColor="green" align="center">jus melon</td>
<td  bgColor="#5F9EAD" align="center">jus mangga</td>
<td  bgColor="aqua" align="center">jus alpukat</td>
<td  bgColor="#556B2F" align="center">teh hangat</td>
</tr>
<tr>
<td  bgColor="grey" align="center">es kelapa</td>
<td  bgColor="green" align="center">es campur</td>
<td  bgColor="#5F9EAD" align="center">es jeruk</td>
<td  bgColor="aqua" align="center">jus tomat</td>
<td  bgColor="#556B2F" align="center">sop buah</td>
</tr>
</table>
</body>

</html>

kalo udah selesi kita coba jalankan, maka hasilnya seperti gambar berikut ini.

                            

Disini saya mengisi tabel ini dengan nama makan,dan warna yang berbeda-beda, mungking saudra bisa mengati dengan sesuka hati saudara.

Oke sekian ilmu yang saya bagikan pada kali ini. 
Mohon maaf bila sebelumnya ada kata kata yang sulit dimengerti, jika ada yang kurang paham, silahkan tanyakan di kolom komentar. Terima Kasih atas perhatiannya.
Selamat Mencoba !

Previous
Next Post »
Thanks for your comment