Cara Membuat Tabel Sederhana Dengan Html

Cara Membuat Tabel Sederhana Dengan Html - Pada kesempatan ini admin akan menjelaskan sesuai judul yang di atas yaitu tentang bagaimana cara membuat tabel di html. pasti sobat sudah tau apa itu html?..kalau belum tau bisa cari di google ya :D
langsung saja ke pembahasan tentang bagaimana cara membuat tabel di html.

dibawah ini merupakan contoh sederhana dalam pembuatan tabel di html :

Berikut Script tabelnya di html :

	<html>
	<head>
	<title>Html Dasar</title>
	</head>

	<body>

	<table border="1" style="text-align: center; width: 655px;">
	<tr style=" background:#7FFFD4">
	<th align="center" width="300px"><div style="text-align: center;">
	First Name</div>
	</th>
	<th align="center" width="300px"><div style="text-align: center;">
	Last Name</div>
	</th>
	<th align="center" width="300px"><div style="text-align: center;">
	Adress</div>
	</th>
	</tr>

	<tr>
	<td align="center" width="300px"><div style="text-align: center;">
	Fikrish</div>
	</td>
	<td align="center" width="300px"><div style="text-align: center;">
	Shobah</div>
	</td>
	<td align="center" width="300px"><div style="text-align: center;">
	Jl. Kangkung No 11</div>
	</td>
	</tr>

	<tr>
	<td align="center" width="300px"><div style="text-align: center;">
	Andy</div>
	</td>
	<td align="center" width="300px"><div style="text-align: center;">
	Hermawan</div>
	</td>
	<td align="center" width="300px"><div style="text-align: center;">
	Jl. Bayam No 15</div>
	</td>
	</tr>

	<tr>
	<td align="center" width="300px"><div style="text-align: center;">
	Fahrul</div>
	</td>
	<td align="center" width="300px"><div style="text-align: center;">
	Anam</div>
	</td>
	<td align="center" width="300px"><div style="text-align: center;">
	Jl. Pete No 133</div>
	</td>
	</tr>

	<tr>
	<td align="center" width="300px"><div style="text-align: center;">
	Bagas</div>
	</td>
	<td align="center" width="300px"><div style="text-align: center;">
	Kuncoro</div>
	</td>
	<td align="center" width="300px"><div style="text-align: center;">
	Jl. Jenkol No 142</div>
	</td>
	</tr>

	<tr>
	<td align="center" width="300px"><div style="text-align: center;">
	Ferdian</div>
	</td>
	<td align="center" width="300px"><div style="text-align: center;">
	Putra</div>
	</td>
	<td align="center" width="300px"><div style="text-align: center;">
	Jl. Kemangi No 15</div>
	</td>
	</tr>
	</table>

	</body>
	</html>

view raw tabel.html hosted with ❤ by GitHub

Setelah itu kita save dengan format ektensi .html - selesai. sekarang kita coba jalankan di browser sobat untuk melihat hasil dari script diatas.
Sangat mudahkan..ingat kita boleh copy-paste tapi harus pelajari satu persatu tag htmlnya. kalau menurut admin lebih baik jangan di copy-paste agar sobat bisa lebih mengerti dari fungsi-fungsi tagnya..

Cukup sekian dari penjelasan tentang Cara Membuat Tabel Sederhana Dengan Html semoga bisa bermanfaat bagi sobat untuk berkreasi di dunia html :D. Jika ada yang ingin ditanyakan bisa tinggalkan di kolom komentar. Terimakasih.

Cara Membuat Tabel Sederhana Dengan Html

Recent

Popular

Comment

Cara Membuat Tabel Sederhana Dengan Html

Artikel Menarik Lainnya