CARA MEMBUAT TABEL PADA NOTEPAD
1.
Buatlah script
terlebih dahulu seperti membuat script pada biasanya.
<html>
<head>
<title> BELAJAR MEMBUAT TEMPALTE
WEBSITE SEDERHANA</title>
<body>
2.
Jika kita ingin
membuat table, tambahkan tag <table> pada tag <body>
<html>
<head>
<title> BELAJAR MEMBUAT TEMPALTE
WEBSITE SEDERHANA</title>
<body>
<table border=”1” width=”70%”>
<caption><b><h1><p align=”center”>
BELAJAR MEMBUAT TEMPALTE WEBSITE SEDERHANA</p></h1></b></caption>
Dimana:
<table>…</table>
digunakan untuk memulai tabel.
(Width digunakan untuk ukuran tabel pada pada layar).
<caption>…</caption>
digunakan untuk memberi judul pada table.
<b>…</b>digunakan
untuk membold teks
<h1>…</h1>diguanakan
untuk memperbesar ukuran teks. Makin besar angka dibelakang H, maka huruf yang
akan ditampilkan semakin kecil.
<p>…</p>digunakan
untuk membuat paragraph.
3.
Setelah itu,
ketik script seperti dibawah
<html>
<head>
<title>
BELAJAR MEMBUAT TEMPALTE WEBSITE SEDERHANA</title>
<body>
<table border=”1” width=”70%”>
<caption><b><h1><p
align=”center”> BELAJAR MEMBUAT TEMPALTE WEBSITE SEDERHANA</p></h1></b></caption>
<tr>
<td>
width=”50%” bgcolor=”#f412fc” align=”center”>NAMA</td><td> bgcolor=”#ff0859” align=”center”> Ratna Salda</td>
</tr><tr>
<td>
width=”50%” bgcolor=”#f412fc” align=”center”>NIM</td><td> bgcolor=”#ff0859” align=”center”> 1504411201</td>
</tr><tr>
<td>
width=”50%” bgcolor=”#f412fc” align=”center”>SEMESTER/KELAS</td><td> bgcolor=”#ff0859” align=”center”> 3/E</td>
</tr><tr>
<td>
width=”50%” bgcolor=”#f412fc” align=”center”>DOSEN</td><td>
bgcolor=”#ff0859” align=”center”> Syafriadi, S.Kom.,M.Kom.</td>
</tr>
</table>
</head>
</body>
</html>
Jika
ingin lebih jelasnya lihat pada gambar dibawah :
Ket
:
<table>…</table>
digunakan sebagai tanda awal table.
<tr>….</tr>
digunakan sebagai tanda awal baris, tr kependekan dari table row
<th>…<th>
digunakan untuk membuat tampilan kolom header table, th kependekan dari table head
<td>…</td>
digunakan menyusun kolom data, td kependekan dari table data.
(bgcolor digunakan untuk memberi warna pada tabel)
3. Setelah
selesai simpan (file>save as) simpan dengan nama yang diinginkan dan jangan
lupa (.html). contoh: Tabel.html lalu pada save as type, pilihlah All
Types(*.*).
4. Setelah
tersimpan buka file yang telah tersimpan tadi, kemudian buka dan lihat hasil
layout.
Tidak ada komentar:
Posting Komentar