Cara menggunakan membuat tabel dengan javascript

Cara menggunakan membuat tabel dengan javascript

Belajar dasar javascript, termasuk belajar dasar teknik menciptakan tabel menggunakan bahasa pemograman javascript. Tabel yang sangat sederhana, bagi kita yang pemula javascript, script ini bisa kita jadikan sebagai tambahan pengetahuan tentang javascript
Untuk script tabel javascript sederhana, bisa di lihat di bawah ini


<html>
<head>
<title>script Sederhana Membuat Tabel menggunakan Javascript</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<script type="text/javascript">
document.write ("<h2>Membuat Tabel Menggunakan Javascript</h2>");
document.write ("<hr>");
document.write ("tabel satu kolom satu baris ");
document.write("<table width = '500' border='1'>");
document.write("<tr><th>satu kolom</th>");
document.write("</table>");
</script>
<script type="text/javascript">
document.write ("<br>");
document.write ("tabel dua kolom ");
document.write("<table width = '500' border='1'>");
document.write("<tr><th>kolom pertama</th>");
document.write("<th>Kolom Kedua</th><tr>");
document.write("</table>");
</script>
<script type="text/javascript">
document.write ("<br>");
document.write ("tabel dua baris ");
document.write("<table width = '500' border='1'>");
document.write("<tr><th>baris pertama</th>");
document.write("<tr><th>baris kedua</th>");
document.write("</table>");
</script>
<script type="text/javascript">
document.write ("<br>");
document.write ("tabel dua baris dua kolom ");
document.write("<table width = '500' border='1'>");
document.write("<tr><th>baris pertama</th>");
document.write("<th>baris kedua</th><tr>");
document.write("<tr><th>baris pertama</th>");
document.write("<th>baris kedua</th><tr>");
document.write("</table>");
</script>
<body>
</body>
</html>


Script diatas dibuat menggunakan dreamweaver dengan ekstensi HTML, script di atas juga bisa di buat menggunakan notepad sederhana

Cara membuat kolom untuk blog. Apa kabar jumpa lagi dengan admin quicks blog, di kesempatan ini kami akan share cara membuat tabel kolom untuk blog dan sebagai seorang bloger ada saja cara modif atau memperbaiki tampilan fitur template blog.

Membuat Tabel Kolom. Kegunaan Javascript ini sangatlah membantu anda seperti membuat suatu bagan dan struktur suatu artikel dengan pasilitas kotak tabel di postingan atau di Widget HTML/Javascript dan tambahan Javascript untu template apabila template anda belum ada fitur seperti widget seperti ini.

Cara menggunakan membuat tabel dengan javascript


Cara membuat kolom javascript untuk blog


Ada 2 cara untuk pemasangan membuat table kolom

Untuk Widget HTML/Javacript

Ikutilah langkah-langkahnya seperti poin di bawah ini:
1. Silahkan buka situs blogger di url www.blogger.com .
2. Bila sudah di Dasbor bllog anda dan silahkan klik sub menu Tata letak .

Cara menggunakan membuat tabel dengan javascript

3. Di Tata letak, silahkan klik tambah Widget.

Cara menggunakan membuat tabel dengan javascript

4. Setelah terbuka form dan lalu klik tombol Tambahkan HTML/Javascript.

Cara menggunakan membuat tabel dengan javascript

5. Pilih mengkonfigurasi HTML/Javascript dan masukan kode Javascript di bawah ini dengan cara copy dan pastekan di form tadi jangan lupa isi judul Widgetnya.

Cara menggunakan membuat tabel dengan javascript

6. Klik tombol Publikasikan .
7. Selamat!!! Anda sudah berhasil memasang Javascript.

Mode artikel dan artikel postingan

Cara pemasangan seperti di bawah:
1.Di bagian edit entri anda klik tombol HTML
2.Untuk mengeceknya silahkan klik mode Compose
3.Apabila sudah sesuai klik tombol publikasikan

Cell 1 Cell 2
Cell 3 Cell 4

<table border="1" style="width:200px;">
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
</tr>
<tr>
<td>Cell 3</td>
<td>Cell 4</td>
</tr>
</table>

Kode ini seperti penampilan di atas


<div style="height:90px;width:150px;overflow:scroll;background-color:#67F152;color:#A6120D;">kolom warna</div>

Kode ini untuk kolom dengan ada warna di bagian backgoundnya

Atau membuat kolom atau tabel untuk javascript seperti di bawah dengan garis segi 4 ini  kodenya :

isi dengan kode javascript pilihan anda seperti contoh ini


<div style="background-color: white;border:1px #191970 solid;height:auto;overflow:auto;padding:1px;text-align:left;width:300px;">isi dengan kode javascript pilihan anda seperti contoh di atas </div>

Catatan ganti huruf yang di warna merah dengan nama warna dengan bahasa inggris misal darkorange, red, blue dan juga kode warna HTML misalkan kode huruf ffffff untuk warna putih.

Terima kasih anda sudah meluangkan waktu dan membaca uraian tentang Cara Membuat Kolom Untuk Blog, sebelum menutup halaman ini alangkah baiknya anda lihat-lihat lagi cara artikel lainnya diblog ini dan komentar dulu tentang uraian diatas.