Archive for September 2016
Tugas Tabel Bersarang
0
<html
<head>
<title>Tabel Bersarang</title>
</head>
<body>
<table border=1>
<tr>
<td>
<table border=1>
<tr>
<td>kolom 1 baris 1</td>
<td>kolom 2 baris 1</td>
</tr>
<tr>
<td>kolom 1 baris 2</td>
<td>kolom 2 baris 2</td>
</tr>
</table>
</td>
<td>kolom 2 baris 1</td>
</tr>
<tr>
<td>kolom 1 baris 2</td>
<td>kolom 2 baris 2</td>
</tr>
</table></body>
</html>
<head>
<title>Tabel Bersarang</title>
</head>
<body>
<table border=1>
<tr>
<td>
<table border=1>
<tr>
<td>kolom 1 baris 1</td>
<td>kolom 2 baris 1</td>
</tr>
<tr>
<td>kolom 1 baris 2</td>
<td>kolom 2 baris 2</td>
</tr>
</table>
</td>
<td>kolom 2 baris 1</td>
</tr>
<tr>
<td>kolom 1 baris 2</td>
<td>kolom 2 baris 2</td>
</tr>
</table></body>
</html>
Tugas Tabel Nested
0
<html>
<head><title>nested table 3</title></head>
<body>
<table border="3" cellpadding="10"
cellspacing="10">
<td>
sel berikutnya yang satu ini memiliki tabel kecil di dalamnya, tabel di dalam tabel .
</td>
<td> <table border="3" cellpadding="3"
cellspacing=''3'>
<td>tabel ke 2</td>
<td>tabel ke 2</td>
<tr>
<td>tabel ke 2</td>
<td>tabel ke 2</td>
</tr>
</table></td>
</table>
</body>
</html>
<head><title>nested table 3</title></head>
<body>
<table border="3" cellpadding="10"
cellspacing="10">
<td>
sel berikutnya yang satu ini memiliki tabel kecil di dalamnya, tabel di dalam tabel .
</td>
<td> <table border="3" cellpadding="3"
cellspacing=''3'>
<td>tabel ke 2</td>
<td>tabel ke 2</td>
<tr>
<td>tabel ke 2</td>
<td>tabel ke 2</td>
</tr>
</table></td>
</table>
</body>
</html>
cara mudah membuat tabel dengan rowspan
0
<html>
<head>
<title>tabel</title>
</head>
<body>
<table width="500"border="1">
<tr>
<td scope="col">apel</th>
<td rowspan=2>jeruk</th>
<td scope="col">mangga</th>
</tr>
<tr>
<td>pisang</td>
<td>nanas</td>
</tr>
<tr>
<td>leci</td>
<td> </td>
<td> </td>
</table>
</body>
</html>
<head>
<title>tabel</title>
</head>
<body>
<table width="500"border="1">
<tr>
<td scope="col">apel</th>
<td rowspan=2>jeruk</th>
<td scope="col">mangga</th>
</tr>
<tr>
<td>pisang</td>
<td>nanas</td>
</tr>
<tr>
<td>leci</td>
<td> </td>
<td> </td>
</table>
</body>
</html>
label benua 2
0
<html>
<head>
<title>tabel</title>
</head>
<body>
<table width="500"border="1">
<tr>
<th scope="col">benua</th>
<th colspan=2>eropa</th>
<th colspan=2>asia</th>
</tr>
<tr>
<td> negara</td>
<td>belanda</td>
<td>italia</td>
<td>indonesia</td>
<td>india</td>
</table>
</body>
</html>
<head>
<title>tabel</title>
</head>
<body>
<table width="500"border="1">
<tr>
<th scope="col">benua</th>
<th colspan=2>eropa</th>
<th colspan=2>asia</th>
</tr>
<tr>
<td> negara</td>
<td>belanda</td>
<td>italia</td>
<td>indonesia</td>
<td>india</td>
</table>
</body>
</html>
tabel benua
0
<html>
<head>
<title> tabel </title>
</head>
<body>
<table width="500" border="1">
<tr>
<th scope="col">benua</th>
<th colspan="4" scope="col">negara</th>
</tr>
<tr>
<td rowspan=5>asia</td>
</tr>
<tr>
<td>arab saudi</td>
</tr>
<tr>
<td>india</td>
</tr>
<tr>
<td>indonesia</td>
</tr>
<td>singapura</td>
</tr>
<tr>
<td rowspan=5> eropa</td>
</tr>
<tr>
<td>belanda</td>
</tr>
<tr>
<td>italia</td>
</tr>
<tr>
<td>inggris</td>
</tr>
<td>jerman</td>
</tr>
</table>
</body>
</html>
<head>
<title> tabel </title>
</head>
<body>
<table width="500" border="1">
<tr>
<th scope="col">benua</th>
<th colspan="4" scope="col">negara</th>
</tr>
<tr>
<td rowspan=5>asia</td>
</tr>
<tr>
<td>arab saudi</td>
</tr>
<tr>
<td>india</td>
</tr>
<tr>
<td>indonesia</td>
</tr>
<td>singapura</td>
</tr>
<tr>
<td rowspan=5> eropa</td>
</tr>
<tr>
<td>belanda</td>
</tr>
<tr>
<td>italia</td>
</tr>
<tr>
<td>inggris</td>
</tr>
<td>jerman</td>
</tr>
</table>
</body>
</html>
tabel dengan colspan
0
<html>
<head>
<title> tabel dengan colsan </title>
</head>
<body>
<table width="500" border="1">
<tr>
<th scope="col">perumahan</th>
<th colspan="4" scope="col">tipe / luas tanah (m<sup>2</sup>) </th>
</tr>
<tr>
<td>griya indah permai</td>
<td>21/60</td>
<td>36/90</td>
<td>45/120</td>
<td>54/120</td>
</tr>
</table>
</body>
</html>
<head>
<title> tabel dengan colsan </title>
</head>
<body>
<table width="500" border="1">
<tr>
<th scope="col">perumahan</th>
<th colspan="4" scope="col">tipe / luas tanah (m<sup>2</sup>) </th>
</tr>
<tr>
<td>griya indah permai</td>
<td>21/60</td>
<td>36/90</td>
<td>45/120</td>
<td>54/120</td>
</tr>
</table>
</body>
</html>
tabel dengan rowspan
0
<html>
<head>
<title>tabel dengan rowspan</title>
</head>
<body>
<table width="500"border="1">
<tr>
<th scope="col">nama perumahan</th>
<th scope="col">tipe/luas tanah(m<sup>2</sup>) </th>
</tr>
<tr>
<td rowspan="4"> griya indah permai</td>
<td>21 / 60 </td>
</tr>
<tr>
<td>36 / 90 </td>
</tr>
<tr>
<td>45 /120 </td>
</tr>
<tr>
<td>54 / 120 </td>
</tr>
</table>
</body>
</html>
hasil nya akan menjadi seperti ini
<head>
<title>tabel dengan rowspan</title>
</head>
<body>
<table width="500"border="1">
<tr>
<th scope="col">nama perumahan</th>
<th scope="col">tipe/luas tanah(m<sup>2</sup>) </th>
</tr>
<tr>
<td rowspan="4"> griya indah permai</td>
<td>21 / 60 </td>
</tr>
<tr>
<td>36 / 90 </td>
</tr>
<tr>
<td>45 /120 </td>
</tr>
<tr>
<td>54 / 120 </td>
</tr>
</table>
</body>
</html>
hasil nya akan menjadi seperti ini
Contoh Soal Ulangan UTS Pemrograman Web
0
Mari Kita Belajar soal soal pemrograman web yang saya dapatkan dari materi teknik komputer jaringan.
klik link download berikut untuk melihat soal latihan uts pemrograman web
klik link download berikut untuk melihat soal latihan uts pemrograman web
menbuat tabel sederhana
0
<html>
<head>
<title>membuat tabel sederhana </title>
</head>
<body>
<table border =1 bgcolor= blue align= big>
<tr>
<td>data baris 1 kolom 1</td>
<td>data baris 2 kolom 2</td>
</tr>
<tr>
<td>data baris 3 kolom 3</td>
<td>data baris 4 kolom 4</td>
</tr>
</table>
</body>
</html>
<head>
<title>membuat tabel sederhana </title>
</head>
<body>
<table border =1 bgcolor= blue align= big>
<tr>
<td>data baris 1 kolom 1</td>
<td>data baris 2 kolom 2</td>
</tr>
<tr>
<td>data baris 3 kolom 3</td>
<td>data baris 4 kolom 4</td>
</tr>
</table>
</body>
</html>
cara mudah membuat tabel di blog 2
0
<body>
<table border="1" bgcolor=blue>
<caption> daftar wiraniaga</caption>
<tr>
<th colspan ="2" rowspan ="2"> WIRANIAGA</th>
<th colspan ="3">KOTA</th>
</tr>
<tr>
<th> SEMARANG</th>
<th>kudus </th><th> solo</th>
<tr>
<tr>
<th rowspan ="2">jenis kelamin</th>
<th> pria</th>
<td align= "right">30</td>
<td aligh= "right">20</td>
<td aligh= "right">30</td>
</tr>
<tr>
<th> wanita</th>
<td alight="right">20</td>
<td alight="right">8</td>
<td alight="right">18</td>
</tr>
</table>
</body>
</html>
<table border="1" bgcolor=blue>
<caption> daftar wiraniaga</caption>
<tr>
<th colspan ="2" rowspan ="2"> WIRANIAGA</th>
<th colspan ="3">KOTA</th>
</tr>
<tr>
<th> SEMARANG</th>
<th>kudus </th><th> solo</th>
<tr>
<tr>
<th rowspan ="2">jenis kelamin</th>
<th> pria</th>
<td align= "right">30</td>
<td aligh= "right">20</td>
<td aligh= "right">30</td>
</tr>
<tr>
<th> wanita</th>
<td alight="right">20</td>
<td alight="right">8</td>
<td alight="right">18</td>
</tr>
</table>
</body>
</html>
cara membuat tabel pada blog
0
<html>
<head>
<title>tabel</title>
</head>
<body>
berikut contoh tabel dengan rowspan dan colspan
<table width=80% border=2 cell spacing=0 cellpadding=0 bgcolor=red>
<tr>
<td>data baris 1 kolom 1</td>
<td>data baris 2 kolom 2</td>
</tr>
<tr>
<tdcolspan=2>baris 2 kolom 1</td>
</tr>
<td rowspan=2> baris 3 kolom 1</td>
<td> baris 3 kolom 2 </td>
</tr>
</table>
</body>
</html>
<head>
<title>tabel</title>
</head>
<body>
berikut contoh tabel dengan rowspan dan colspan
<table width=80% border=2 cell spacing=0 cellpadding=0 bgcolor=red>
<tr>
<td>data baris 1 kolom 1</td>
<td>data baris 2 kolom 2</td>
</tr>
<tr>
<tdcolspan=2>baris 2 kolom 1</td>
</tr>
<td rowspan=2> baris 3 kolom 1</td>
<td> baris 3 kolom 2 </td>
</tr>
</table>
</body>
</html>
dari scrip diatas hasilnya akan menjadi seperti ini
