Kamis, 15 Januari 2015

Cara Membuat Tabel Pada HTML


Cara Membuat Tabel Pada HTML

Hy kawan,, kali ini saya memposting tentang Cara Membuat Tabel Pada HTML dan colspan. Berikut scriptnya :

<html>
            <head>
                        <title>Cara Membuat Tabel Pada HTML</title>
            </head>
                        <body>
                                    <table border=1>
                                                <tr>
                                                            <td colspan="4">Fakultas Pertanian</td>
                                                </tr>
                        <th>No</th>
                        <th>Kode PS</th>
                        <th>Nama Program Studi</th>
                        <th>Jenjang</th>
                                    <tr>
                                                <td>1</td>
                                                <td>1720101</td>
                                                <td>Teknologi Agroindustri</td>
                                                <td>Sastra 2</td>
                                    </tr>
                                    <tr>
                                                <td>2</td>
                                                <td>1710101</td>
                                                <td>Teknologi Hasil Pertanian</td>
                                                <td>Sastra 1</td>
                                    </tr>
                                    <tr>
                                                <td>3</td>
                                                <td>1710201</td>
                                                <td>Teknik Pertanian</td>
                                                <td>Sastra 1</td>
                                    </tr>
                                    <tr>
                                                <td>4</td>
                                                <td>1710301</td>
                                                <td>Teknologi Industri Pertanian</td>
                                                <td>Sastra 1</td>
                                    </tr>
                    </table>
            </body>
</html>

 Dan berikut hasilnya : 




Berikut Keterangannya :

<html>              =          Menunjukkan bahwa bagian dari bahasa HTML, contoh untuk mencetak judul title maka harus menggunakan tag <html> dan di tutup dengan tag </html>.

<head>             =          Menunjukkan bahwa bagian kepala yang didalamnya berisi tag judul yang akan di tampilkan di tab browser dan di tutup dengan tag </head> sebelum tag <body>.

<title>               =          Menunjukkan bahwa tag untuk mencetak judul yang akan di tampilkan pada tab Browser. Seperti contoh di atas yang berujudul Cara Membuat Tabel Pada HTML. Pada penulisan tag <title> akan di tutup pula dengan tag </title> sesudah penulisan title atau judul.

<body>             =          Menunjukkan bahwa bagian tersebut adalah badan atau didalamnya tempat untuk meletakkan dan memasukkan perintah-perintah yang akan di cetak di browser. tag <body> akan di tutup dengan tag </body> sebelum tag </html>.

<table border=1>           =          Menunjukkan bahwa tag tersebut berfungsi untuk mencetak table yang di dalam tag tersebut berisi properties border yang mempunyai nilai 1 yang menunjukkan bahwa garis table tersebut memiliki ketebalan sama dengan 1. Perintah tag <table> akan di tutup dengan perintah tag </table> sesudah penulisan tag <tr> dan <td>.

<tr>                  =          Menunjukkan perintah untuk mencetak baris dan di akhiri dengan tag </tr> pada setiap baris.

<td>                 =          Menunjukkan perintah untuk mencetak kolom dan di akhiri dengan tag </td> pada setiap kolom. Sedangkan 

<td colspan=”4”>           =          Attribute colspan diletakkan dalam tag <td> dan anda bisa mengatur “value”nya berapa kotak yang akan di span. Dengan menyetting colspan menjadi “4”, kotak di barisan pertama akan melebar menjadi gabungan dari 4 kolom.


Terima Kasih atas kunjungannya :)