Friday, August 5, 2011

HTML 3

KELAS  :   IX

Pembuatan Tabel pada HTML





Membuat tabel menggunakan tag <TABLE> kalimat </TABLE>

Tag yang termasuk bagian dari tabel :

1.         <TR>   kalimat  </TR>    
untuk membuat baris dalam tabel

2.         <TD>   kalimat  </TD>  
untuk membuat isi data di dalam baris tabel

3.         <CAPTION> kalimat </CAPTION>
            untuk membuat judul pada tabel

Jika pada tabel ditambahkan perintah perataan maka judul tabel tersebut akan ikut sesuai dengan perataan yang ditentukan.

4.         <TABLE BORDER=”angka”>
            Untuk ketebalan garis tabel

5.         <TD WIDTH=”angka”>
            Untuk merubah lebar suatu baris pada tabel

6.         <Table align=type perataan >
            Untuk menampilkan tabel sesuai dengan type perataan

7.         <Table border=”angka” style=border-color:”warna”>
            Untuk memberi warna bingkai pada tabel

8.         <Table BORDER=angka BGCOLOR=warna STYLE="BORDER:ketebalan bingkai px jenis bingkai warna bingkai”>

            Jenis-jenis bingkai antara lain :
            dashed                solid                      dotted                           inset
            double                 grove                   ridge                      outset

Contoh :

                                            

Kode Html nya 

Gambar 1:
<Html><Table>
  <TR>
        <TD >Nama Siswa </TD>
        <TD> Bidang Studi </TD>
  </TR>
     <TR>
        <TD>  Lucas  </TD>
        <TD>  Sains    </TD>
  </TR>
  <TR>
        <TD>  Cyntia           </TD>
        <TD>  Manajemen    </TD>
  </TR>
</Table></HTML>

Gambar 2
<GHtml>
<Table BORDER=5 color=blue>
  <TR>
        <TD >Nama Siswa </TD>
        <TD> Bidang Studi </TD>
  </TR>
     <TR>
        <TD>  Arini  </TD>
        <TD>  Sains    </TD>
  </TR>
  <TR>
        <TD>  Cyntia           </TD>
        <TD>  Manajemen    </TD>
  </TR>
</Table>
</HTML>

Gambar 3
<Html>
<Table Border=5>
  <TR>
        <TD Width=200 height=100 BgColor=Lime><Font Size=5 color=blue>Nama Siswa </TD></font>
        <TD Width=300 BgColor=skyblue> <Font Size=5 color=red>Bidang Studi </TD></font>
  </TR>
     <TR>
        <TD BgColor=yellow height=50><font size=4 color=teal Face=Century Gothic>  Arini  </TD>
        <TD BgColor=Teal> <font size=4 color=yellow Face=Century Gothic> Manajemen Informatika    </TD>
  </TR>
  <TR>
        <TD BgColor=Aqua>  Cyntia</TD>
        <TD Bgcolor=Silver>  Statistik    </TD>
  </TR>
</Table>
</Html>


No comments:

Post a Comment