Profil

Sabtu, 27 Januari 2018

Cara memasukkan tabel pada html

Membuat Tabel Layout Web
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.

Tabel di dalam tabel kadang diperlukan, khususnya pada saat pembuatan layout halaman web menggunakan html. Berikut beberapa contoh kode html untuk membuat tabel di dalam tabel. Berikut contoh source code nya:
<html>
<head>
<title>Layout</title>
<body>
<table border="1" width="900px">
    <!--header-->
    <tr bgcolor="white">
    <td colspan="2" height="90px">Header 1</td>
    <!-- tag dihilangkan-->
    </tr>

    <!--body-->
    <tr>
    <td width="600px" height="400px" bgcolor="white">body 1</td>
    <td width="300px" bgcolor="white">body 2</td>
    </tr>

    <!--footer-->
    <tr bgcolor="white">
    <td colspan="2" height="120px">Footer 1</td>
    <!-- tag dihilangkan-->
    </tr>
</body>
</head>

</html>

0 komentar:

Posting Komentar