Halo SOBat
Kali ini kita belajar bagaimana caranya membuat tabel pada html.
pertama-tama agan jangan tegang, yang tegang-tegang tu dikendor kan aja dulu, santai aja gitu kayak dipantai karena proses pembuatan nya sangat mudah banget.
okeh tak usah terlalu bertele-tele langsung aja ke te ka peh..
pertama-tama agan buka notepad
okeh tak usah terlalu bertele-tele langsung aja ke te ka peh..
pertama-tama agan buka notepad
cara nya sudah tahu lah pastinya.
Bisa tekan keyboard Windows+R
Bisa tekan keyboard Windows+R
kemudian keluar menu RUN lalu ketik notepad => enter
ketik rumus wajib dibawah ini ke dalam notepad
ini hukumnya wajib, ingat ya SOBat WAJIB HUKUMNYA
rumus wajib pada html yaitu
<html>
<body>
</body>
</html>
Ket : <> adalah rumus pembuka
</> adalah rumus penutup. ingat penutupnya ada tanda garing atau garis miring.
html adalah Hypertext Markup Language
kalo body gak usah dijelasin lah ya, lihat aja body bohai udah paham lah pastinya.
cus next...
Ket : <> adalah rumus pembuka
</> adalah rumus penutup. ingat penutupnya ada tanda garing atau garis miring.
html adalah Hypertext Markup Language
kalo body gak usah dijelasin lah ya, lihat aja body bohai udah paham lah pastinya.
cus next...
kemudian save as dengan nama "index.html" (tanpa tanda kutip gaes).
kemudian lanjutkan pengisiannya ditengah-tengah <body>disini coy lanjutinnya</body>
ketik
<html>
<body>
<table width="200" border="1">
<tr>
<td>test</td>
</tr>
</table>
</body>
</html>
kemudian save
buka file penyimpanan tadi index.html dengan media browser anda terserah bisa internet explorer bisa chrome, opera dan sebagainya.
hasilnya akan seperti ini
kalo mau ditambahin lagi tabel test itu bisa tambahin sendiri dengan penjelasan sebagai berikut :
buka file penyimpanan tadi index.html dengan media browser anda terserah bisa internet explorer bisa chrome, opera dan sebagainya.
hasilnya akan seperti ini
keterangan :
- Pembuatan tabel didahului oleh tag <table>
- attribute border=1 menyatakan pembuatan tabel dengan memiliki border. Karena secara default, sebuah table tidak memiliki border.
- Tag <tr> berfungsi sebagai pembuat baris
- Tag <th> bertujuan untuk membuat judul. Jika dalam satu baris <tr> dibuat diinisialisasi <th> sebnyak 4, maka dalam satu baris akan terbuat 4 kolom dengan masing-masing memiliki judul.
- Tag <td> untuk mengisi data pada masing-masing baris. Jika dalam satu baris<td> dibuat 4 <td>, maka dalam satu baris akan terbuat 4 kolom(cell) dimana tiap cell akan diisi datanya seperti script diatas.
- table width="200" ini maksudnya besar tabel tersebut berukuran 200
- border="1" maksudnya garis tabel. bisa diisi terserah agan, klo mau dibesarin garisnya ganti aja nominalnya.
okeh SOBat gimana cara diatas mudah kan?
siapa bilang buat tabel itu rumit.
buktinya pake notepad aja udah oke jadinya.
sip lah kalo begitu semoga ilmunya bermanfaat ya gaes.
Komen dibawah apabila ada masukan dan komen mengenai artikel apa yang kalian butuhkan agar kami bisa merangkainya ya SOBat,masukan dari kalianlah yang membuat SOB jadi lebih bersemangat untuk berkarya.
terimakasih
salam SOB
No comments:
Post a Comment