Penggunaan Colspan pada HTML




Pada HTML terdapat banyak sintaks yang sangat sering digunakan. di antaranya adalah Colspan yaitu sintaks dimana kita dapat menggabungkan beberapa kolom dari baris menjadi 1 bagian...
untuk membuat halaman HTML seperti gambar di atas dapat di tuliskan sintaks berikut ini :


<html>
  <head>
    <title>Kelompok 2 / No.3</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  </head>
   <body bgcolor="purple">
       <table border="2" bgcolor="yellow" align="center">
           <caption align="top">
               <b> Daftar Makanan  kelompok 2</b> </caption>
           <tr bgcolor="yellow">
               <th colspan="5">daftar makanan</th></tr>
           <tr>
               <td bgcolor="cyan" align="left"width="180">nasi goreng</td>
               <td bgcolor="green"align="left"width="180" height="20">nasi goreng sea food</td>
               <td bgcolor="pink"align="left" width="180" height="20">ikan gurame</td>

               <td bgcolor="cyan"align="left" width="180" height="20">udang goreng</td>
               <td bgcolor="yellow"align="left" width="180" height="20">cumi goreng</td>
           </tr>
           <tr>
               <td bgcolor="cyan" width="40">nasi uduk</td>
               <td bgcolor="green" align="left"width="180" height="20">cap cay</td>
               <td bgcolor="pink" align="left"width="180" height="20">ikan bawal</td>
               <td bgcolor="cyan"align="left" width="180" height="20">ayam bakar</td>
               <td bgcolor="yellow"align="left" width="180" height="20">ayam goreng</td>
           </tr>
           <tr  bgcolor="yellow">
               <th colspan="5">daftar minuman</th>
           <tr>
               <td bgcolor="blue" width="40">jus apel</td>
               <td bgcolor="red" align="left"width="180" height="20">jus mangga</td>
               <td bgcolor="green" align="left"width="180" height="20">jus melon</td>
               <td bgcolor="cyan"align="left" width="180" height="20">jus alpokat</td>
               <td bgcolor="cyan"align="left" width="180" height="20">teh hanga</td>
           </tr>
           <tr>
               <td bgcolor="blue" width="40">es kelapa</td>
               <td bgcolor="red" align="left"width="180" height="20">es campur</td>
               <td bgcolor="green" align="left"width="180" height="20">es jeruk</td>
               <td bgcolor="cyan"align="left" width="180" height="20">jus tomat</td>
               <td bgcolor="cyan"align="left" width="180" height="20">sop buah</td>
           </tr>
       </table>
   </body>
</html>

1 komentar:

Blog27999 mengatakan...

Easy "water hack" burns 2 lbs OVERNIGHT

Well over 160000 men and women are hacking their diet with a simple and secret "water hack" to burn 2lbs each night while they sleep.

It is scientific and works every time.

This is how you can do it yourself:

1) Take a drinking glass and fill it up half full

2) Now learn this amazing HACK

so you'll be 2lbs lighter the very next day!

Posting Komentar