Tugas Belajar Membuat Tempalte
Website Sederhana
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=”100%”>
<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 TEMPLATE WEBSITE SEDERHANA </title>
<body>
<table
border="1"width="100%">
<caption><b><h1><p
align="center"> BELAJAR MEMBUAT TEMPLATE
SEDERHANA</P></h1></b></caption>
<tr>
<td
width="50%" bgcolor="yellow"
align="center">NAMA</td><td bgcolor="pink" align="center">
Syamsidar.A </td>
</tr><tr>
<td
width="50%" bgcolor="yellow"
align="center">NIM</td><td bgcolor="pink"
align="center"> 1504411019</td>
</tr><tr>
<td
width="50%" bgcolor="yellow"
align="center">SMSTER/KELAS</td><td
bgcolor="pink" align="center"> III/E</td>
</tr><tr>
<td
width="50%" bgcolor="yellow"
align="center">DOSEN</td><td bgcolor="pink"
align="center"> Syafriadi, S.Kom.,M.Kom.</td>
</tr>
</table>
</body>
</head>
</html>
Dapat
di lihat lebih jelasnya proses kerjanya di bawah ini :
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 )
4. 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(*.*).
5.
Setelah tersimpan buka file yang telah
tersimpan tadi, kemudian buka dan lihat hasil layout.
HASIL SCRIPT
SEKIAN ,TERIMAKASIH
Tidak ada komentar:
Posting Komentar