Wednesday, April 12, 2017

Modul 1 Pembuatan Halaman Web Dengan Fungsi Table Di HTML

Cara Membuat Halaman Web Dengan Tag <table>, <tr> dan <td>

Untuk membuat tabel di HTML, kita membutuhkan setidaknya 3 tag, yaitu tag <table>, tag <tr>, dan tag <td>:
Tag <table> digunakan untuk memulai tabel
Tag <tr> adalah singkatan dari table row, digunakan untuk membuat baris dari tabel.
Tag <td> adalah singkatan dari table data, digunakan untuk menginput data ke tabel.


Agar lebih jelas, kita akan langsung menggunakan contoh kode HTML:



Perhatikan bahwa pada tag <table> kita memberikan atribut border. Atribut border digunakan untuk memberikan nilai garis tepi dari tabel. Nilai ini dalam ukuran pixel. border=”1”, berarti kita mengistruksikan kepada web browser bahwa tabel tersebut akan memiliki garis tepi sebesar 1 pixel. Jika tidak ditambahkan, secara default tabel tidak memiliki garis tepi.



Dan akan tampil seperti ini

Berikutnya kita tinggal ubah sesuai keinginan kita, dan saya memakai script ini :
<html>
                <head>
                <title>Modul 1</title>
                </head>
                <body>
                                <table border="1" align ="center" height="20%" width="100%">
                               
                                                <td><img src="HitsuYT2.jpg" width="100%" height="10%"></td>

                                </table>
                                <table border="1" height="70%"width="100%">
                               
                                                                                <td width="10%"" align="left" bgcolor="gray">
                                                                                <font color="cyan">
                                                                                <b>Hobi Saya : </b>
                                                                                Mendengarkan musik</br>
                                                                                Bermain alat musik</br>
                                                                                Jogging</br>
                                                                                Main Bola</br>
                                                                                </font>
                                                                                </td>
                                                                               
                                                                                <td width="80%" align="left" background="white-ice-dragon-background-wallpaper-zoo_ice-dragon-white.jpg" >
                                                                                Isikan dengan biodata juga boleh.</br>
                                                                                Nama : Toto Sumanto</br>
                                                                                Kelas : SI 2015 C</br>
                                                                                Nim : 2015091100</br>
                                                                                Alamat : Kuningan</br>
                                                                                Seputar Pemograman Web</br>
                                                                                </td>
                                                                               
                                                                                <td width="10% align+"center" bgcolor="gold">
                                                                                UNIKU</br>
                                                                                Fakultas Komputer</br>
                                                                                Sistem Informasi</br>
                                                                                </td>
                               
                                </table>
                                <table border="1" height="10%"width="100%" align="center">
                                               
                                                <td height="10%">
                                                                <font size="14"><marquee>Sekian Dan Terima Kasih</marquee></font>
                                                </td>
                                               
                                </table>
</body>
</html>

Untuk menghasilkan hasil seperti ini



Sampai disini kita telah mempelajari beberapa tag HTML yang sering digunakan dalam pembuatan halaman web.





1 komentar: