Comment

 

Monday, January 11, 2016

TKJ Pemrograman Web-Pembuatan Tabel dalam tabel (Tabel Bersarang)

0 comments






Online Order

Description Qty price Email account note
Email account 10 $9.90
Mail box 10GB
Webmail Yes
POP3 Yes
IMAP Yes
Anti-Spam Yes
FYIcenter.com Ad 1 $99.00
1-year Access 1 199.00
shipping $3.99
Tax $15.99

   Teknik tabel bersarang adalah salah satu cara untuk menghasilkan layout tabel yang kompleks tanpa membuat tabel yang sangat kompleks. Sehingga ketika harus membuat tabel yang kompleks, maka cara sederhananya adalah membuat tabel di dalam sebuah sel (<td></td>).

 Trik untuk tabel bersarang adalah untuk selalu menutup tag tabel dalam sebelum menutup sel tabel luar.


 Contoh langkah demi langkah:


</doctype html>
<html>
<head>
<title>Muhammad Rizky</title>
</head>
<body>
    <h1><center>Online Order</center></h1></td>
<table bgcolor="blue" border="1" style="width:100%">
    <tr>
        <td align= "left"><b>Description</td>
        <td align= "center"><b>Qty</td>
        <td align= "right"><b>price</td>
        <td align= "left"><b>Email account note </td>
</tr>
<tr>
        <td>Email account</td>
        <td align= "right">10</td>
        <td align= "right">$9.90</td>
        <td rowspan="5">
            <table border="1">
                <tr>
                        <td>Mail box</td>
                        <td>10GB</td>
                </tr>
                <tr>
                        <td>Webmail</td>
                        <td>Yes</td>
                </tr>
                <tr>
                        <td>POP3</td>
                        <td>Yes</td>
                </tr>
                <tr>
                        <td>IMAP</td>
                        <td>Yes</td>
                </tr>
                <tr>
                        <td>Anti-Spam</td>
                        <td>Yes</td>
                </tr>
    </table>
        <tr>
                <td>FYIcenter.com Ad</td>
                <td align="right">1</td>
                <td align="right">$99.00</td>
        </tr>
        <tr>
                <td>1-year Access</td>
                <td align="right">1</td>
                <td align="right">199.00</td>
        </tr>
        <tr>
                <td colspan="2" align="right">shipping</td>
                <td align="right">$3.99</td>
        </tr>
        <tr>
                <td colspan="2" align="right">Tax</td>
                <td align="right">$15.99</td>
            </tr>
</table>
</body>
</html>

0 comments:

Post a Comment

 
Rizky Wara | Blog © 2017 .