Tuesday 3 December 2013

Belajar Membuat Tabel Di HTML

ya sobat bloger sekarang saya mau sedikit menulisakan bagaimana cara kita membuat tabel didalam html . .mungkin ada dari sobat bloger yang baru mencoba bermain main dengan html. html adalah singkatan dari hypertext markup linguage . . html digunakan untuk emndisain bentuk dari sebuat websaite unutk lebih jelasnya tentang html ada baiknya sobat browsing ke google.com karena saya juga baru belajar :)
okee gan tanpa basa basii kita lansung aja ke TKP yaa . . pertama kali pastikan dilaptop/komputer sobat sudah ada Notepad kemudian tuliskan code html ini dan save kemudian jalankan . . :)

ini source code html nya :


<html>
<head><title>Latihan Table</title>

</head>
<body>
<center><caption><h2>Latihan Membuat Tabel</h2></caption></center>
<center>
<table width="500px" border="1px" cellpadding="3px" style="border-collapse:collapse;"><!--ini tag pembuka TABLE-->
<tr align="center"><!--ini tag pembuka baris pertama-->
<td rowspan="2">No</td>
<td rowspan="2">Nama</td>
<td rowspan="2">Jurusan</td>
<td colspan="3">Penilaian</td>
<td rowspan="2">Nilai Akhir</td>
</tr>
<tr><!--ini tag untuk Harian,UTS, UAS-->
<td>Harian</td>
<td>UTS</td>
<td>UAS</td>
</tr>
<tr><!--ini tag pembuka baris kedua untuk data-->
<td>1</td>
<td>Rimo Cntha</td>
<td>S1 Teknik Informatika</td>
<td>90</td>
<td>90</td>
<td>100</td>
<td>93</td>
</tr>
</table>
</center>
</body>
</html>

copas aja file itu dan ubah ubah sendiri sesuai keinginan sobat . . dan ini adalah hasilnya setelah dijalankan dibrowser . .pastikan anda menyimpannya dengan ekstensi.html

hasil setelah dijalankan :





0 comments:

Post a Comment

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Rimo | Bloggerized by Rimo_CP - Rimo | Web Hosting Bluehost