Minggu, 07 Oktober 2012

Pemakaian tabel dalam HTML

Bagaimana membuat HTML seperti pada gambar dibawah ini?

<html>
<head>
    <title>pertemuan 3a</title>
</head>
<body background="http://www.psdgraphics.com/file/blue-abstract-background.jpg">

    <center><a href = http://www.google.com/>Mbah Serba Tahu</a></center>

    <hr />
<table Border="1" width = 100% height = 70%>
    <tr>
        <td colspan="13" align="center">
            APA BINTANG MU?
        </td>
    </tr>
   
    <tr>
    <td align="center" a href = "C:\Documents and Settings\Cristoforus\Desktop\3a.html">home</td>
    <td align="center" a href = "C:\Documents and Settings\Cristoforus\Desktop\aquarius.html">Aquarius</td>
    <td align="center" a href = "C:\Documents and Settings\Cristoforus\Desktop\pisces.html">Pisces</td>
    <td align="center" a href = "C:\Documents and Settings\Cristoforus\Desktop\aries.html">Aries</td>
    <td align="center" a href = "C:\Documents and Settings\Cristoforus\Desktop\taurus.html">Taurus</td>
    <td align="center" a href = "C:\Documents and Settings\Cristoforus\Desktop\gemini.html">Gemini</td>
    <td align="center" a href = "C:\Documents and Settings\Cristoforus\Desktop\cancer.html">Cancer</td>
    <td align="center" a href = "C:\Documents and Settings\Cristoforus\Desktop\leo.html">Leo</td>
    <td align="center" a href = "C:\Documents and Settings\Cristoforus\Desktop\virgo.html">Virgo</td>
    <td align="center" a href = "C:\Documents and Settings\Cristoforus\Desktop\libra.html">Libra</td>
    <td align="center" a href = "C:\Documents and Settings\Cristoforus\Desktop\scorpio.html">Scorpio</td>
    <td align="center" a href = "C:\Documents and Settings\Cristoforus\Desktop\sagitarius.html">Sagitarius</td>
    <td align="center" a href = "C:\Documents and Settings\Cristoforus\Desktop\capricorn.html">Capricorn</td>
    </tr>



    <tr>
        <td></td>
        <td colspan="1" align="justify">
        <center><h2>AQUARIUS</h2></center>
        <center><h2>21 Januari - 19 Februari</h2></center>
       
        <ul>
            <li>Karakter Aquarius Tradisional</li>
                <ol type="1">
                <li>Humanis dan terbuka</li>
                <li>Jujur dan setia</li>
                <li>Original dan kreatif</li>
                <li>Independent dan intelektual</li>
            </ol>
        <li>Di sisi lain...</li>
            <ol type="1">
            <li>Keras kepala dan pelawan</li>
            <li>Perverse dan tidak dapat diduga</li>
            <li>Tidak responsif dan terpisah</li>
            </ol>
        </ul>
    </td>
    </tr>

    <tr>
    <td colspan="13"  align="center">
        Terima kasih telah mengunjungi website kami.<hr \>
    </td>
    </tr>
</table>
</body>
</html>

Jika ingin membuat tabel pada HTML, maka kita masukan fungsi <table> dgn akhiran </table>. Fungsi tabel itu sendiri terdapat dalam <body>.
Didalam table tentunya ada baris dan kolom. Ada fungsi <tr> itu untuk membuat baris lalu ada <td> itu untuk memberikan isi setial selnya (data cell). Juga ada <colspan> itu untuk memberikan berapa banyak kolom yang diinginkan.
Kemudian terdapat fungsi <a href> itu untuk memberikan referensi, ketika kita klik kalimat tersebut maka akan menuju ke lokasi yang di inginkan.

Selamat Mencoba ^^

Tidak ada komentar:

Posting Komentar