kali ini saya akan membagikan belajar HTML dasar Part III tentag cara membuat tabel, table pada blog sama fungsinya seperti table pada miscrosoft word , excel. namun perintah table pada HTML berbeda pada tampilan miscrosoft, fungsi table pada HTML menggunankan perintah <TABLE> </TABLE>.
sementara perintah <TABLE> terdiri dari bebrapa bagian yaitu :
sementara perintah <TABLE> terdiri dari bebrapa bagian yaitu :
1. <TR> </TR> ( Table Row)
2. <TH> </TH> (Table Heading)
3. <TD> </TD> (Table Definition)
namun ada juga perintah HTML yang lainnya yang bisa di gunakan Pada Table yaitu:
- border ( Ketebalan garis Table )
- bgcolor ( background warna Table)
- align="center" , align="left" , align="right , ( Untuk penempatan posisi Teks dan gambar pada table)
- Font , dan lainnya
Langkah - Langkah yang anda lakukan untuk membuat Table ialah :
- buat dasar HTML seperti Belajar Dasar HTML Part I
- Masukan Code Table di bawah ini setelah <body> ( tepat di bawah <body> )
- buat dasar HTML seperti Belajar Dasar HTML Part I
- Masukan Code Table di bawah ini setelah <body> ( tepat di bawah <body> )
<Table border=10 bgcolor="blue" align=center height=300 width=900 >
<TR>
<TH><font Face=Arial color=RED> No </TH>
<TH><font Face=Arial color=RED> name </TH>
<TH><font Face=Arial color=RED> NPM </TH>
<TH><font Face=Arial color=RED> Prodi </TH>
<TH><font Face=Arial color=RED> Alamat </TH>
</TR>
<TR>
<TD><font Face=Arial color=RED><P align=center > 1 </TD>
<TD><font Face=Arial color=RED>Herlan </TD>
<TD><font Face=Arial color=RED> 2010135416 </TD>
<TD><font Face=Arial color=RED> MATEMATIKA </TD>
<TD><font Face=Arial color=RED> jl. komp POLRI no.12 </TD>
</TR>
<TR>
<TD colspan=5 align=center> <img src=7.PNG height=150 width=700> </TD>
</TR>
</Table>
Keterangan :
- Warna Merah :
border ( ketebalan garis table )
bgcolor ( warna Background table )
align center ( posisi table di tengah)
width dan height ( ukuran table )
- Warna biru
ini ada lah contoh perintah font seperti yang kita pelajari sebelumnya di Belajar dasar HTML part III
- Warna Pink
<TD colspan=5 align="center"></TD> ( Fungsi untuk menyatukan 1 colom dengan colom lainnya )
- img src ( masih inget kan cara memasukan gambar kalau lupa silakan Klik disini )
- width dan height adalah ukuran gambar bisa anda ubah sesuai keinginan anda.
Tidak ada komentar:
Posting Komentar