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