Halaman

▼

Jumat, 02 Desember 2011

Membuat variasi table php

Tulisan kali ini adalah lanjutan dari postingan tentang PHP tentang membuat table di PHP.Anda dapat menambahkan parameter lain ke tag tabel untuk mengatur tampilan table.

1  Table border
<table border=0>     Table tanpa border
<table border=n>      Table dengan border size=n

2  Table colours
<table bgcolor=blue>                   Tabel ini memiliki latar belakang biru..
<tr bgcolor=green>                      Baris memiliki latar belakang hijau.
<td bgcolor=yellow>                    Sel memiliki latar belakang kuning.
<table bordercolor=magenta>       Table berwarna magenta
<tr bordercolor=pink>                  Baris berwarna pink border.
<td bordercolor=brown>              Garis berwarna brown.
*Anda bisa menggunakan kode heksadesimal untuk atribut warna.

3  Table Height dan Width

   <table  width="40%" height="20%">

4  Spacing dalam Table
<table cellspadding=2>
<table cellspacing=1>      

5  Text alignment di Table
<tr align=position>        
<tr valign=position>      
<td align=position>        
<td valign=position>        

6  Rowspan dan Colspan
<td rowspan=3>          
< td colspan-2>              

7  Table Caption
Tag ini mengatur judul tabel.

<caption align=top>Caption</caption>

Contoh :
Silahkan copy artikel dibawah ini

  1. <html>  
  2.   
  3.  <head>  
  4.   
  5.  <title>Advance Table Tags</title>  
  6.   
  7.  <body bgcolor=FFDDEE>  
  8.   
  9.  <table border=5 cellspacing=0 cellspadding=2 bgcolor=blue  
  10. width=70% height=90%>  
  11.   
  12.  <caption align=top><h2>This is a colourful table</h2></caption>  
  13.   
  14.  <tr bgcolor=cyan bordercolor=green >  
  15.   
  16.  <td></td>  
  17.   
  18.  <td align=center valign=middle>Monday</td>  
  19.   
  20.  <td align=right valign=middle>Tuesday</td>  
  21.   
  22.  <td align=center valign=middle>Wednesday</td>  
  23.   
  24.  <td align=right valign=middle>Thursday</td>  
  25.  </tr>  
  26.   
  27.   <tr>  
  28.   
  29.  <td rowspan=3 bgcolor=pink>Subject</td>  
  30.   
  31.  <td bgcolor=CC33FF>Management</td>  
  32.   
  33.  </tr>  
  34.   
  35.  <tr>  
  36.   
  37.  <td bgcolor=CC88BB>Finance</td>  
  38.   
  39.  <td bgcolor=BBFFEE>Business Law</td>  
  40.   
  41.  </tr>  
  42.   
  43.  <tr>  
  44.   
  45.  <td colspan=2></td>  
  46.   
  47.  <td bgcolor=9966CC>Economics</td>  
  48.   
  49.  <td bgcolor=88FFAA>HRM</td>  
  50.   
  51.  </tr>  
  52.   
  53.  </table>  
  54.   
  55.  </body>  
  56.   
  57.  </html>  

Hasilnya sbb :

This is a colourful table
Monday Tuesday Wednesday Thursday
Subject Management
Finance Business Law
Economics HRM






Klik Like/share jika anda menyukai tulisan ini;
di

Tidak ada komentar:

Posting Komentar

Terimakasih Sudah Berkomentar di artikel ini