Belajar html - membuat Tabel pada html dengan warna pada latar belakang
Belajar html cara membuat tabel dengan warna pada latar belakang
cara memulai mumbuat program html. disini saya menggunakan Dreamweaver dan Xampp yang pertama kita lakuin Buka aplikasi Dreamweaver klik file NEW
dan akan muncul tampilan seperti dibawah
lalu klik basic page pada kolom catagory, dan pada kolom basic page klik html
saat semua nya sudah diklik, yang harus dilakukan klik create untuk memulai sampai muncul tampilan dibawah ini
lalu tulis kode dibawah ini
setelah sudah selesai menulis jangan lupa untuk menyimpan kode yang sudah dibuat pada folder data C:\xampp\htdocs
dan untuk menjalankan progam diatas masuk ke browser, mozila, chrome internet explorer, atau browser lain nya
dan ketikkan pada addres bar "localhost/nama folder penyimpanan(tempat menyimpan/save) kemudian klik file yang telah dibuat)
dan tampilan nya akan seperti ini
penjelasan kode :
- pada line ke 7 < table > dan line 29 </ table > merupaka code tag pada html Untuk membuat table
-pada line ke8 < tr >dan line 14 </ tr > code tag untuk menuliskan baris biasa di tabel < TR > kepanjangannya adalah Table ROW
-pada line ke9 < th > < /th > code tag untuk menulis kotak biasa seperti <td> namun untuk header
table TH kepanjangan dari Table header
-pada line ke 16 < td > </td> merupaka code tag untuk menuliskan kotak didalam baris.
dan code < td > ada di dalam code < tr >. < td > kepanjangan dari Table data
terimakasih suda datang (;
cara memulai mumbuat program html. disini saya menggunakan Dreamweaver dan Xampp yang pertama kita lakuin Buka aplikasi Dreamweaver klik file NEW
dan akan muncul tampilan seperti dibawah
lalu klik basic page pada kolom catagory, dan pada kolom basic page klik html
saat semua nya sudah diklik, yang harus dilakukan klik create untuk memulai sampai muncul tampilan dibawah ini
lalu tulis kode dibawah ini
1: <html>
2: <head>
3: <title> membuat tabel</title>
4: </head>
5: <body>
6: <h1> TABEL DATA MAHASISWA/MAHASISWI </h1>
7: <table border="1" bgcolor="#33CC00">
8: <tr>
9: <th>NIM</th>
10: <th>nama</th>
11: <th>Alamat</th>
12: <th>tempat tanggal lahir</th>
13: <th>jurusan</th>
14: </tr>
15: <tr>
16: <td>111111111</td>
17: <td>cici</td>
18: <td> jakarta barat</td>
19: <td> jakarta, 20 agustus 1911</td>
20: <td>ipa</td>
21: </tr>
22: <tr>
23: <td>22222222</td>
24: <td>aang</td>
25: <td>jakarta timur</td>
26: <td>jakrta, 22 maret 1922</td>
27: <td>ips</td>
28: </tr>
29: </table>
30: </body>
31: </html>
setelah sudah selesai menulis jangan lupa untuk menyimpan kode yang sudah dibuat pada folder data C:\xampp\htdocs
dan untuk menjalankan progam diatas masuk ke browser, mozila, chrome internet explorer, atau browser lain nya
dan ketikkan pada addres bar "localhost/nama folder penyimpanan(tempat menyimpan/save) kemudian klik file yang telah dibuat)
dan tampilan nya akan seperti ini
penjelasan kode :
- pada line ke 7 < table > dan line 29 </ table > merupaka code tag pada html Untuk membuat table
-pada line ke8 < tr >dan line 14 </ tr > code tag untuk menuliskan baris biasa di tabel < TR > kepanjangannya adalah Table ROW
-pada line ke9 < th > < /th > code tag untuk menulis kotak biasa seperti <td> namun untuk header
table TH kepanjangan dari Table header
-pada line ke 16 < td > </td> merupaka code tag untuk menuliskan kotak didalam baris.
dan code < td > ada di dalam code < tr >. < td > kepanjangan dari Table data
terimakasih suda datang (;
Komentar
Posting Komentar