Soal :
Pembuatan tabel dengan HTML dan CSS
-
Soal 1
s/d Soal 10, Inline Style Sheet
-
Soal 11
s/d Soal 20, Embedded Style Sheet
-
Soal 21
s/d Soal 30, External Style Sheet
1.
Soal 1
Script
<html>
<head><title>Soal 1, Inline Style Sheet
</title></head>
<body>
<div style="width: 1230px;
margin: 0 auto;/* agar dokumen berada ditengah */
padding: 10px auto;
height: 600px;
background: -moz-linear-gradient(aqua,white);
Border-top: 2px solid #0000FF;
Border-bottom: 2px solid #0000FF;
Border-left: 2px solid #0000FF;
Border-right: 2px solid #0000FF;
border-radius: 15px 15px 15px 15px;">
<caption><b><center>Soal
1</center></b></caption>
<center>
<table border="2">
<tr>
<td
colspan="7" style="font-size:20pt; color:white; background:
-moz-linear-gradient(red,blue)" ><center>
<del>KELOMPOK
1</del>
<cite>KELOMPOK
3</xcite>
</center></td><!--ini
adalah Inline Style Sheet-->
</tr>
<tr style="font-size:16pt;
background: -moz-linear-gradient(white, yellow)">
<th
style="background: -moz-linear-gradient(white,
yellow)"><ins><font
color="blue">Soal</ins></th>
<th
style="background: -moz-linear-gradient(white,
yellow)"><ins><font
color="blue">NO</ins></th>
<th
style="background: -moz-linear-gradient(white,
yellow)"><ins><font
color="blue">NPM</ins></th>
<th
style="background: -moz-linear-gradient(white,
yellow)"><ins><font
color="blue">NAMA</ins></th>
<th
style="background: -moz-linear-gradient(white,
yellow)"><ins><font
color="blue">KELAS</ins></th>
<th
style="background: -moz-linear-gradient(white,
yellow)"><ins><font
color="blue">ALAMAT</ins></th>
</tr>
<tr style="font-size:16pt;
background: -moz-linear-gradient(white, yellow)">
<th
rowspan="5">NO 5</th>
<th>1</th>
<td>201343500013</td>
<td>Satriya
Sandi Herkawan</td>
<th>S5A</th>
<td><em>Tanjung
Barat</em></em></td>
</tr>
<tr style="font-size:16pt;
background: -moz-linear-gradient(white, yellow)">
<th>2</th><!--ini
adalah Inline Style Sheet-->
<td>201343500019</td>
<td>Novianto
Wahyudi</td>
<th>S5A</th>
<td><em>Pekayon</em></td>
</tr>
<tr style="font-size:16pt;
background: -moz-linear-gradient(white, yellow)">
<th>3</th>
<td>201343500033</td>
<td>Sukarno</td>
<th>S5A</th>
<td><em>Jatinegara</em></td>
</tr>
<tr style="font-size:16pt;
background: -moz-linear-gradient(white, yellow)">
<th>4</th>
<td>201343500081</td>
<td>Wahyono</td>
<th>S5A</th>
<td><em>Tanjung
Barat</em></td>
</tr>
<tr style="font-size:16pt;
background: -moz-linear-gradient(white, yellow)">
<th>5</th>
<td>201343500091</td>
<td>Nurohman</td>
<th>S5A</th>
<td><em>Condet</em></td>
</tr>
</table>
<p>
<address style="font-size:12pt; color:0;
background: -moz-linear-gradient(white, aqua)">
Tugas ini dikerjakan oleh :<br>
Kelompok 3, Kelas S5A
Program Studi : Teknik Informatika,
Fakultas TMIPA,
Universitas Indraprasta PGRI,
Jakarta
</address>
</p>
</center>
</div>
</body>
</html>
Out put :
2.
Soal 2
Script :
<html>
<head>
<title>Soal 2, Inline Style Sheet</title>
</head>
<body>
<div style="width: 1230px;
margin: 0 auto;/* agar dokumen berada ditengah */
padding: 10px auto;
height: 600px;
background: -moz-linear-gradient(white, aqua);
Border-top: 2px solid #0000FF;
Border-bottom: 2px solid #0000FF;
Border-left: 2px solid #0000FF;
Border-right: 2px solid #0000FF;
border-radius: 15px 15px 15px 15px;">
<caption><center>Soal
2</center></b></caption>
<center>
<caption><h1>Daftar
Harga</h1><caption>
<table border="2"
style="background: white">
<tr>
<th style="background:
-moz-linear-gradient(white, aqua)"><ins>No</ins></th>
<th style="background:
-moz-linear-gradient(white,
aqua)"><ins>Nama</ins></th>
<th style="background:
-moz-linear-gradient(white,
aqua)"><ins>Harga</ins></th>
<th style="background:
-moz-linear-gradient(white,
aqua)"><ins>Jumlah</ins></th>
</tr>
<tr style="font-size:16pt;
color:red; background: -moz-linear-gradient(white,yellow)">
<td><b>1</b></td>
<td><del>power
supply</del> mainboard</td>
<td>500.000</td>
<td><em>67</em></td>
</tr>
<tr style="font-size:16pt; color:red; background:
-moz-linear-gradient(white,yellow)">
<td><b>2</b></td>
<td>mouse</td>
<td>20.000</td>
<td><em>-</em></td>
</tr>
<tr style="font-size:16pt; color:red;
background: -moz-linear-gradient(white,yellow)">
<td><b>3</b></td>
<td>ram</td>
<td>250.000</td>
<td><em>43</em></td>
</tr >
<tr style="font-size:16pt; color:red;
background: -moz-linear-gradient(white,yellow)">
<td><b>4</b></td>
<td>keyboard</td>
<td>80.000</td>
<td><em>5</em></td>
</tr>
<tr style="font-size:16pt; color:red;
background: -moz-linear-gradient(white,yellow)">
<td><b>5</b></td>
<td>ram</td>
<td>250.000</td>
<td><em>43</em></td>
</tr>
<tr style="font-size:16pt; color:red;
background: -moz-linear-gradient(white,yellow)">
<td><b>6</b></td>
<td>monitor</td>
<td>1.250.000</td>
<td><em>5</em></td>
</tr>
<tr style="font-size:16pt; color:red;
background: -moz-linear-gradient(white,yellow)">
<td><b>7</b></td>
<td>kabel power</td>
<td>50.000</td>
<td><em>49</em></td>
</tr>
<tr style="font-size:16pt; color:red;
background: -moz-linear-gradient(white,yellow)">
<td><b>8</b></td>
<td>baterei cmos</td>
<td>100</td>
<td><em>5.000</em></td>
</tr>
<tr
style="font-size:16pt; color:red; background:
-moz-linear-gradient(white,yellow)">
<td><b>9</b></td>
<td>hardisk</td>
<td>700.000</td>
<td><em>34</em></td>
</tr>
<tr style="font-size:16pt; color:red;
background: -moz-linear-gradient(white,yellow)">
<td><b>10</b></td>
<td>flash disk</td>
<td>80.000</td>
<td><em>10</em></td>
</tr>
</table>
<p>
<address style="font-size:14pt; color:green ;
background: -moz-linear-gradient(white, aqua)">
Tugas ini dikerjakan oleh :<br>
Kelompok 3, Kelas S5A, Program Studi : Teknik
Informatika,FT MIPA,Universitas Indraprasta PGRI, Jakarta
</address></p></center></div></body>
</html>
Out put :
3.
Soal 3
Script :
<html>
<head>
<title>Soal 3, Inline Style Sheet</title>
<head>
<body>
<div style="width: 1230px;
margin: 0 auto;/* agar dokumen berada ditengah */
padding: 10px auto;
height: 600px;
background: Greenyellow;
Border-top: 2px solid #0000FF;
Border-bottom: 2px solid #0000FF;
Border-left: 2px solid #0000FF;
Border-right: 2px solid #0000FF;
border-radius: 15px 15px 15px 15px;">
<caption><b><center>Soal
3</center></b></caption>
<center>
<caption ><h1><ins>Daftar
Karyawan</ins></h1><caption>
<table border="6">
<tr>
<th colspan="11"
style="background-color:aqua"><em>Daftar
Karyawan</em></th><!--ini adalah Inline Style Sheet-->
</tr>
<tr style="font-size:16pt; color:0;
background-color:aqua">
<th>No</th>
<th>Nama</th>
<th>Alamat</th>
<th>Departemen</th>
<th>Jabatan</th>
<th>Tahun Masuk</th>
<th>Gaji</th>
<th>Tunjagan Kerja</th>
</tr>
<tr style="font-size:16pt; color:0;
background-color:white">
<td>1</td>
<td>Abdullah</td>
<td>Pasar Minggu</td>
<td>Administrasi</td>
<td>Direktur</td>
<td>2010</td><!--ini
adalah External Style Sheet-->
<td>13.000.000</td>
<td>10.000.000</td>
</tr>
<tr style="font-size:16pt; color:0;
background-color:white">
<td>2</td>
<td>Susanti</td>
<td>Tanah Abang</td>
<td>Administrasi</td>
<td>Sekertaris</td>
<td>2010</td><!--ini
adalah Inline Style Sheet-->
<td>10.000.000</td>
<td>5.000.000</td>
</tr>
<tr style="font-size:16pt; color:0;
background-color:white">
<td>3</td>
<td>Intan</td>
<td><del>Tanjung
Priok</del>Bandung</td>
<td>Pemasaran</td>
<td>Sales</td>
<td>2010</td>
<th colspan="2"
bgcolor="#BFCFFE">prosentase</th><!--ini adalah Inline
Style Sheet-->
</tr>
<tr style="font-size:16pt; color:0;
background-color:white">
<td>4</td>
<td>Siswoyo</td>
<td>Cikampek</td>
<th rowspan="5"
bgcolor="#BFCFFE">Lapangan</th>
<td>Tenaga Teknik</td>
<td>2012</td>
<td>3.250.000</td>
<td>-</td>
</tr>
<tr style="font-size:16pt; color:0;
background-color:white">
<td>7</td>
<td>Munawar</td>
<td>Jatinegara</td>
<td>Tenaga Teknik</td>
<td>2010</td>
<td>3.250.000</td>
<td>-</td>
</tr>
<tr style="font-size:16pt; color:0;
background-color:white">
<td>8</td>
<td>Yayuk</td>
<td>Pecinan</td>
<td>Helper</td>
<td>2010</td>
<td>3.000.000</td>
<td>50.000</td>
</tr>
<tr style="font-size:16pt; color:0;
background-color:white">
<td>9</td>
<td>Wardoyo</td>
<td>Rawamangun</td>
<th rowspan="2"
bgcolor="#BFCFFE">Tenaga Harian Lepas</th>
<td>2010</td>
<td>2.000.000</td>
<td
id="a">-</td>
</tr>
<tr style="font-size:16pt; color:black;
background-color:white">
<td>10</td>
<td>Sanusi</td>
<td>Salemba</td>
<td>2010</td>
<td>2.000.000</td>
<td>-</td>
</tr>
</table>
<p>
<address style="font-size:14pt; color:0;
background: -moz-linear-gradient(white, aqua)">
Tugas ini dikerjakan oleh :<br>
Kelompok 3,Kelas S5A,
Program Studi : Teknik Informatika,
Fakultas TMIPA,
Universitas Indraprasta PGRI,
Jakarta
</address>
</p>
</center>
</div>
<body>
</html>
Output:
4.
Soal 4
Script :
<html>
<head>
<title>Soal 4, Inline Style Sheet</title>
</head>
<body>
<div style="width: 1230px;
margin: 0 auto;/* agar dokumen berada ditengah */
padding: 10px auto;
height: 600px;
background: Greenyellow;
Border-top: 2px solid #0000FF;
Border-bottom: 2px solid #0000FF;
Border-left: 2px solid #0000FF;
Border-right: 2px solid #0000FF;
border-radius: 15px 15px 15px 15px;">
<center>
<caption><h4><u><center>KramatJati
XXI</u></h4><caption>
<table border="2">
<tr style="font-size:12pt; color:yellow;
background: -moz-linear-gradient(white, blue)">
</tr>
<tr>
<th><em>Movie</em></th>
<th><em>Showtime</em></th>
<th><em>Info</em></th>
</tr>
<tr style="font-size:12pt;
color:yellow; background: -moz-linear-gradient(white, blue)">
<th rowspan="4"
style="font-size :10pt; color:blue; font-family : arial; text-indent :
0.5in;
background: -moz-linear-gradient(white,
aqua);"><u>THE TRANSPORTER
REFUELED</u></th><!--ini adalah Inline Style Sheet-->
<td>12:45</td>
<td>D</td>
</tr>
<tr style="font-size:12pt; color:yellow;
background: -moz-linear-gradient(white, blue)">
<td>14:30</td>
<td>D</td>
</tr>
<tr style="font-size:12pt; color:yellow;
background: -moz-linear-gradient(white, blue)">
<td>17:15</td>
<td>D</td>
</tr>
<tr style="font-size:12pt; color:yellow;
background: -moz-linear-gradient(white, blue)">
<td>19:30</td>
<td>D</td>
</tr>
<tr style="font-size:12pt; color:yellow;
background: -moz-linear-gradient(white, blue)">
<th rowspan="4"
style="font-size :10pt; color:blue; font-family : arial; text-indent :
0.5in;
background: -moz-linear-gradient(white,
aqua);"><u>MAZE RUNNER: THE SCORCH
TRIALS</u></th><!--ini adalah Inline Style Sheet-->
<td>12:45</td>
<td>R</td>
</tr>
<tr style="font-size:12pt; color:yellow;
background: -moz-linear-gradient(white, blue)">
<td>14:30</td>
<td>R</td>
</tr>
<tr style="font-size:12pt; color:yellow;
background: -moz-linear-gradient(white, blue)">
<td>17:15</td>
<td>R</td>
</tr>
<tr style="font-size:12pt; color:yellow;
background: -moz-linear-gradient(white, blue)">
<td>19:30</td>
<td>R</td>
</tr>
<tr style="font-size:12pt; color:yellow;
background: -moz-linear-gradient(white, blue)">
<th rowspan="4"
style="font-size :10pt; color:blue; font-family : arial; text-indent :
0.5in;
background: -moz-linear-gradient(white,
aqua);"><u>KOMEDI MODEREN GOKIL</u></th><!--ini
adalah Inline Style Sheet-->
<td>12:45</td>
<td>R</td>
</tr>
<tr style="font-size:16pt; color:yellow;
background: -moz-linear-gradient(white, blue)">
<td>14:30</td>
<td>R</td>
</tr>
<tr style="font-size:16pt; color:yellow;
background: -moz-linear-gradient(white, blue)">
<td>17:15</td>
<td>R</td>
</tr>
<tr style="font-size:16pt; color:yellow;
background: -moz-linear-gradient(white, blue)">
<td>19:30</td>
<td>R</td>
</tr>
<tr style="font-size:16pt; color:yellow;
background: -moz-linear-gradient(white, blue)">
<th rowspan="4"
style="font-size :10pt; color:blue; font-family : arial; text-indent :
0.5in;
background: -moz-linear-gradient(white,
aqua);"><u>HANTU KUBURAN TUA</u></th><!--ini
adalah Inline Style Sheet-->
<td>12:45</td>
<td>R</td>
</tr>
<tr style="font-size:16pt; color:yellow;
background: -moz-linear-gradient(white, blue)">
<td>14:30</td>
<td>R</td>
</tr>
<tr style="font-size:16pt; color:yellow; background:
-moz-linear-gradient(white, blue)">
<td>17:15</td>
<td>R</td>
</tr>
</table>
<p>
<address style="font-size:14pt; color:red;
background: -moz-linear-gradient(white, aqua)">
Tugas ini dikerjakan oleh :<br>
Kelompok 3, Kelas S5A,
Program Studi : Teknik Informatika,
Fakultas TMIPA,
Universitas Indraprasta PGRI,
Jakarta
</address>
</p>
</center>
</div>
<body>
</html>
Output :
5.
Soal 5
Script :
<html>
<head>
<title>Soal 5, Inline Style Sheet</title>
</head>
<body>
<div style="width: 1230px;
margin: 0 auto;/* agar dokumen berada ditengah */
padding: 10px auto;
height: 600px;
background: Greenyellow;
Border-top: 2px solid #0000FF;
Border-bottom: 2px solid #0000FF;
Border-left: 2px solid #0000FF;
Border-right: 2px solid #0000FF;
border-radius: 15px 15px 15px 15px;">
<caption><b><center>Soal
5</center></b></caption>
<center>
<caption><h1><u>Data
Penduduk</u></h1><caption>
<table border="2">
<tr>
<th colspan="15">Data
Penduduk Kecamatan Sukaraja</th>
</tr>
<tr style="font-size:16pt; color:0;
background: -moz-linear-gradient(white,#CCFEBF)">
<th>N0</th>
<th>DESA</th>
<th>PENDUDUK</th>
<th>PETANI</th>
<th>NELAYAN</th>
<th><del>BURUH</del>PNS</th>
<th>TNI/POLRI</th>
<th>PELAJAR/MAHASISWA</th>
<th>PENGANGGURAN</th>
</tr>
<tr style="font-size:16pt; color:0;
background: -moz-linear-gradient(white,#CCFEBF)">
<td>1</td>
<td>Sukapatih</td>
<td>1000</td>
<td>100</td>
<td>100</td>
<td>100</td>
<td>100</td>
<td>100</td>
<td>500</td>
</tr>
<tr style="font-size:16pt; color:0;
background: -moz-linear-gradient(white,#CCFEBF)">
<td>2</td>
<td>Sukamakan</td>
<td>2000</td>
<td>200</td>
<td>200</td>
<td>200</td>
<td>200</td>
<td>200</td>
<td>1.000</td>
</tr>
<tr style="font-size:16pt; color:0;
background: -moz-linear-gradient(white,#CCFEBF)">
<td>3</td>
<td>Sukaminum</td>
<td>2000</td>
<td>200</td>
<td>200</td>
<td>200</td>
<td>200</td>
<td>1.200</td>
<th rowspan="3" >0</td>
</tr>
<tr style="font-size:16pt; color:0;
background: -moz-linear-gradient(white,#CCFEBF)">
<td>4</td>
<td>Sukamandi</td>
<td>2000</td>
<td>200</td>
<td>200</td>
<td>200</td>
<td>200</td>
<td>1.200</td>
</tr>
<tr style="font-size:16pt; color:0;
background: -moz-linear-gradient(white,#CCFEBF)">
<td>5</td>
<td>Sukatani</td>
<td>2000</td>
<td>200</td>
<td>200</td>
<td>200</td>
<td>200</td>
<td>1.200</td>
</tr>
<tr style="font-size:16pt; color:0;
background: -moz-linear-gradient(white,#CCFEBF)">
<th colspan="2"><i>Jumlah</i></th>
<td>9.000</td>
<td>9.000</td>
<td>9.000</td>
<td>9.000</td>
<td>9.000</td>
<td>41.000</td>
<td>1.500</td>
</tr>
<tr style="font-size:16pt; color:0;
background: -moz-linear-gradient(white,#CCFEBF)">
<th colspan="9"><em><u>*survey
tahun 2015</u></em></th>
</tr>
</table>
<p>
<address style="font-size:12pt; color:0;
background: -moz-linear-gradient(white, aqua)">
Tugas ini dikerjakan oleh :<br>
Kelompok 3, Kelas S5A
Program Studi : Teknik Informatika,
Fakultas TMIPA,
Universitas Indraprasta PGRI,
Jakarta
</address>
</p>
</center>
</div>
</body>
</html>
Output :
6.
Soal 6
Script :
<html>
<head>
<title>Soal 6, Inline Style Sheet</title>
</head>
<body>
<div style="width: 1230px;
margin: 0 auto;/* agar dokumen berada ditengah */
padding: 10px auto;
height: 600px;
background: Greenyellow;
Border-top: 2px solid #0000FF;
Border-bottom: 2px solid #0000FF;
Border-left: 2px solid #0000FF;
Border-right: 2px solid #0000FF;
border-radius: 15px 15px 15px 15px;">
<caption><b><center>Soal
6</center></b></caption>
<center>
<caption><h1>Investasi Dalam Aktivitas
Tetap</h1><caption>
<table border="2">
<tr>
<th
colspan="11">Investasi Dalam Aktivitas Tetap</th>
</tr>
<tr>
<th >Tahun</th>
<th >Faktor
Diskonto(15%)</th>
<th >Kas Keluar(C)</th>
<th >Kas Masuk(B)</th>
<th >Arus Kas
Bersih(B)-(C)</th>
<th >Akumulasi Arus Kas
Bersih</th>
</tr>
<tr>
<td>1</td>
<td>1.00</td>
<td>1.000</td>
<td>0</td>
<td>-1.000</td>
<td>-1.000</td>
</tr>
<tr>
<td>2</td>
<td>0.87</td>
<td>174</td>
<td>348</td>
<td>174</td>
<td>-826</td>
</tr>
<tr>
<td>3</td>
<td>0.76</td>
<td>152</td>
<td>304</td>
<td>152</td>
<td>-674</td>
</tr>
<tr>
<td>4</td>
<td>0.66</td>
<td>132</td>
<td>264</td>
<td>132</td>
<td>-542</td>
</tr>
<tr>
<td>5</td>
<td>0.57</td>
<td>114</td>
<td>228</td>
<td>114</td>
<td>-428</td>
</tr>
<tr>
<td>6</td>
<td>0.50</td>
<td>100</td>
<td>200</td>
<td>100</td>
<td>-328</td>
</tr>
</table>
<p>
<address style="font-size:12pt; color:red;
background: -moz-linear-gradient(white, aqua)">
Tugas ini dikerjakan oleh :<br>
Kelompok 3<br>
Program Studi : Teknik Informatika<br>
Fakultas TMIPA<br>
Universitas Indraprasta PGRI<br>
Jakarta<br>
</address>
</p>
</center>
</div>
<body>
</html>
Output:
7.
Soal 7
Script :
<html>
<head>
<title>Soal 7, Inline Style Sheet</title>
</head>
<body>
<div style="width: 1230px;
margin: 0 auto;/* agar dokumen berada ditengah */
padding: 10px auto;
height: 600px;
background: Greenyellow;
Border-top: 2px solid #0000FF;
Border-bottom: 2px solid #0000FF;
Border-left: 2px solid #0000FF;
Border-right: 2px solid #0000FF;
border-radius: 15px 15px 15px 15px;">
<caption><b><center>Soal
7</center></b></caption>
<center>
<caption><h1><ins>Kandungan
Sayuran</ins></h1><caption>
<table border="0">
<tr style="font-size:16pt;
color:yellow; background: -moz-linear-gradient(white, blue)">
<th>Macam Sayuran</th>
<th>Air(%)</th>
<th>Protein(%)</th>
<th>Lemak(%)</th>
<th>KH(%)</th>
</tr>
<tr style="font-size:16pt;
color:yellow; background: -moz-linear-gradient(white, blue)">
<td>Bayam</td>
<td>86.9</td>
<td>3.5</td>
<td>0.5</td>
<td>0.5</td>
</tr>
<tr style="font-size:16pt; color:yellow;
background: -moz-linear-gradient(white, blue)">
<td>Cabe Merah Segar</td>
<td>90.0</td>
<td>1.0</td>
<td>0.3</td>
<td>7.3</td>
</tr>
<tr style="font-size:16pt; color:yellow;
background: -moz-linear-gradient(white, blue)">
<td>Daun Pepaya</td>
<td>75.4</td>
<td>8.0</td>
<td>2.0</td>
<td>11.9</td>
</tr>
<tr style="font-size:16pt; color:yellow;
background: -moz-linear-gradient(white, blue)">
<td>Daun Singkong</td>
<td>77.2</td>
<td>6.8</td>
<td>1.2</td>
<td>13.0</td>
</tr>
<tr style="font-size:16pt; color:yellow;
background: -moz-linear-gradient(white, blue)">
<td>Jagung Muda</td>
<td>63.5</td>
<td>4.1</td>
<td>1.3</td>
<td>30.3</td>
</tr>
</table>
<p>
<address style="font-size:12pt; color:0;
background: -moz-linear-gradient(white, aqua)">
Tugas ini dikerjakan oleh :<br>
Kelompok 3, Kelas S5A,
Program Studi : Teknik Informatika,
FTMIPA,
Universitas Indraprasta PGRI,
Jakarta<br>
</address>
</p>
</center>
</div>
<body>
</html>
Output:
8.
Soal 8
Script :
<html>
<head>
<title>Soal 8, Inline Style
Sheet</title>
</head>
<body>
<div style="width: 1230px;
margin: 0 auto;/* agar dokumen berada ditengah */
padding: 10px auto;
height: 600px;
background: Greenyellow;
Border-top: 2px solid #0000FF;
Border-bottom: 2px solid #0000FF;
Border-left: 2px solid #0000FF;
Border-right: 2px solid #0000FF;
border-radius: 15px 15px 15px 15px;">
<caption><b><center>Soal
8</center></b></caption>
<center>
<caption><h1><ins>Hasil Penjualan
Pakaian</ins></h1><caption>
<table>
<tr>
<th rowspan="7"
style="font-size:16pt; color:0; background: -moz-linear-gradient(white,#CCFEBF)"><em>Toko
Muslim Aisyah</em></th>
<th colspan="6"
style="font-size:16pt; color:0; background:
-moz-linear-gradient(white,#CCFEBF)"><em>Jumlah Barang
terjual</em></th>
</tr>
<tr style="font-size:16pt; color:0;
background: -moz-linear-gradient(white,#CCFEBF)">
<th>No</th><!--ini
adalah Inline Style Sheet-->
<th>Baju Koko</th>
<th>Sarung</th>
<th>Mukena</th>
<th>Sajadah</th>
<th>Tasbih</th>
</tr>
<tr style="font-size:16pt; color:0;
background: -moz-linear-gradient(white,#CCFEBF)">
<td>1</td>
<td>300</td>
<td>230</td>
<td>120</td>
<td>200</td>
<td>50</td>
<tr style="font-size:16pt; color:0;
background: -moz-linear-gradient(white,#CCFEBF)">
<td>2</td>
<td>320</td>
<td>240</td>
<td>220</td>
<td>270</td>
<td>22</td>
</tr>
<tr style="font-size:16pt; color:0;
background: -moz-linear-gradient(white,#CCFEBF)">
<td>3</td>
<td>400</td>
<td>310</td>
<td>340</td>
<td>235</td>
<td>21</td>
</tr>
<tr style="font-size:16pt; color:0;
background: -moz-linear-gradient(white,#CCFEBF)">
<td>4</td>
<td>234</td>
<td>290</td>
<td>19</td>
<td>0</td>
<td>2</td>
</tr>
<tr style="font-size:16pt; color:0;
background: -moz-linear-gradient(white,#CCFEBF)">
<td>5</td>
<td>23</td>
<td>25</td>
<td>54</td>
<td>12</td>
<td>1</td>
</tr>
</table>
<p>
<address style="font-size:12pt; color:0;
background: -moz-linear-gradient(white, aqua)">
Tugas ini dikerjakan oleh :<br>
Kelompok 3, Kelas S5A,
Program Studi : Teknik Informatika,
FTMIPA
Universitas Indraprasta PGRI,
Jakarta<br>
</address>
</p>
</center>
</div>
<body>
</html>
Output :
9.
Soal 9
Script :
<html>
<head>
<title>Soal 9,Inline Style Sheet</title>
</head>
<body>
<div style="width: 1230px;
margin: 0 auto;/* agar dokumen berada ditengah */
padding: 10px auto;
height: 600px;
background: Greenyellow;
Border-top: 2px solid #0000FF;
Border-bottom: 2px solid #0000FF;
Border-left: 2px solid #0000FF;
Border-right: 2px solid #0000FF;
border-radius: 15px 15px 15px 15px;">
<caption><b><center>Soal
9</b></caption>
<center>
<caption><h1><u><ins>Tabel
Produksi Kedelai</ins></u></h1><caption>
<table id="table5">
<tr>
<th colspan="4"
style="background-color:blue" font
color="white"><font color="white">
<cite>Tabel Produksi Kedelai
PT. Andalas</cite></th><!--ini adalah Inline Style Sheet-->
</tr>
<tr style="font-size:16pt;
color:black; background-color:white">
<th>Varietas Kedelai</th>
<th>Tangkiling</th>
<th>Kalampangan</th>
<th>Total</th>
</tr>
<tr style="font-size:16pt; color:black;
background-color:white">
<td>Wilis</td>
<td>120</td>
<td>260</td>
<td>380</td>
</tr>
<tr style="font-size:16pt; color:black;
background-color:white">
<td>Sindoro</td>
<td>125</td>
<td>160</td>
<td>285</td>
</tr>
<tr style="font-size:16pt; color:black;
background-color:white">
<td>Slamet</td>
<td>140</td>
<td>165</td>
<td>305</td>
</tr>
<tr style="font-size:16pt; color:black;
background-color:white">
<td>Galunggung</td>
<td>145</td>
<td>170</td>
<td>315</td>
</tr>
<tr style="font-size:16pt; color:black;
background-color:white">
<td>Orba</td>
<td>155</td>
<td>175</td>
<td>330</td>
</tr>
<tr style="font-size:16pt; color:black;
background-color:white">
<td>Total</td>
<td>685</td>
<td>810</td>
<td>1495</td>
</tr>
<tr style="font-size:16pt; color:black;
background-color:white">
<th colspan="9"><i><u>*survey
tahun 2019</u></i></th>
</tr>
</table>
<p>
<address style="font-size:12pt; color:red;
background: -moz-linear-gradient(white, aqua)">
Tugas ini dikerjakan oleh :<br>
Kelompok 3<br>
Program Studi : Teknik Informatika<br>
Fakultas TMIPA<br>
Universitas Indraprasta PGRI<br>
Jakarta<br>
</address>
</p>
</center>
</div>
</body>
</html>
Output :
10. Soal 10
Script :
<html>
<head><title>Soal 10, Inline Style Sheet</title></head>
<body>
<div style="width: 1230px;
margin: 0 auto;/* agar dokumen berada ditengah */
padding: 10px auto;
height: 600px;
background: Greenyellow;
Border-top: 2px solid #0000FF;
Border-bottom: 2px solid #0000FF;
Border-left: 2px solid #0000FF;
Border-right: 2px solid #0000FF;
border-radius: 15px 15px 15px 15px;">
<caption><b><center>Soal
10</b></center></caption>
<center>
<table
border="1">
<tr>
<th colspan="11" style=""font
color="white"><cite><ins>
JUMLAH MAHASISWA PER FAKULTAS UNIVERSITAS ANTAH
BERANTAH INDONESIA TAHUN<del> 2014</del> 2015</ins></cite></th><!--ini
adalah Inline Style Sheet-->
</tr>
<tr>
<th>1000></th><td></td><td></td><td></td><td></td><td></td><th
rowspan="10"
bgcolor="pink"></th><td></td><td></td>
</tr>
<tr>
<th>900</th><td></td><td></td><td></td><th
rowspan="9" bgcolor="green"></th><td></td><td></td><th
rowspan="9" bgcolor="blue"></th>
</tr>
<tr>
<th>800</th><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
<th>700</th><td></td><td></td><td></td><th
rowspan="7" bgcolor="black"></th><th
rowspan="7" bgcolor="aqua"></th>
</tr>
<tr>
<th>600</th><td></td><th
rowspan="6"
bgcolor="blue"></th><td></td>
</tr>
<tr>
<th>500</th><td></td><th
rowspan="5" bgcolor="brown"></th>
<tr>
<th>400</th><th rowspan="4"
bgcolor="yellow">
</tr>
<tr>
<th>500</th>
</tr>
<tr>
<th>200</th>
</tr>
<tr>
<th>100</th>
</tr>
<tr>
<th></th><th>F.BAHASA</th><th>F.SASTRA</th><th>F.KIP</th><th>F.TEKNIK</th>
<th>F.ISIP</th><th>F.MIPA</td><th>F.KEDOKTERAN</th>
</tr>
</table>
<p>
<address style="font-size:12pt; color:0;
background: -moz-linear-gradient(white, aqua)">
Tugas ini dikerjakan oleh :<br>
Kelompok 3, Kelas S5A,
Program Studi : Teknik Informatika,
FTMIPA
Universitas Indraprasta PGRI,
Jakarta<br>
</address>
</p>
</center>
</div>
</body>
</html>
Output:
11. Soal 11
Script:
<html>
<head>
<title>Soal
11,Embedded Style </title>
<style>
td,
th{border:2px solid black; background:
-moz-linear-gradient(white,yellow)}
h1{font-size:20px;
color:blue;}
p{font-size:12pt;
color:0}
div{width:
1230px;
margin:
0 auto;/* agar dokumen berada ditengah */
padding:
10px auto;
height:
600px;
background:
-moz-linear-gradient(aqua,white);
Border-top:
2px solid #0000FF;
Border-bottom:
2px solid #0000FF;
Border-left:
2px solid #0000FF;
Border-right:
2px solid #0000FF;
border-radius:
15px 15px 15px 15px;}
</style>
</head>
<body>
<div>
<caption><b><center>Soal
11</center></b></caption>
<center>
<table>
<tr>
<td
colspan="7"><center><h1><del>KELOMPOK
1</del>
KELOMPOK
3</center></td>
</tr>
<tr>
<th><h1><ins>Soal</ins></th>
<th><h1><ins>NO</ins></th>
<th><h1><ins>NPM</ins></th>
<th><h1><ins>NAMA</ins></th>
<th><h1><ins>KELAS</ins></th>
<th><h1><ins>ALAMAT</ins></th>
</tr>
<tr>
<th
rowspan="5">NO 5</th>
<th>1</th>
<td>201343500013</td>
<td>Satriya
Sandi Herkawan</td>
<th>S5A</th>
<td><em>Tanjung
Barat</em></td>
</tr>
<tr>
<th>2</th>
<td>201343500019</td>
<td>Novianto
Wahyudi</td>
<th>S5A</th>
<td><em>Pekayon</em></td>
</tr>
<tr>
<th>3</th>
<td>201343500033</td>
<td>Sukarno</td>
<th>S5A</th>
<td><em>Jatinegara</em></td>
</tr>
<tr>
<th>4</th>
<td>201343500081</td>
<td>Wahyono</td>
<th>S5A</th>
<td><em>Tanjung
Barat</em></td>
</tr>
<tr>
<th>5</th>
<td>201343500091</td>
<td>Nurohman</td>
<th>S5A</th>
<td><em>Condet</em></td>
</tr>
</table>
<p>
<address>
Tugas ini dikerjakan oleh
:<br>
Kelompok 3, Kelas S5A,
Program Studi : Teknik
Informatika,
FTMIPA
Universitas Indraprasta PGRI,
Jakarta<br>
</address>
</p>
</center>
</body>
</html>
Output:
12. Soal 12
Script:
<html>
<head>
<title>Soal 12, Embedded
Style</title>
<style>
p{font-size:16pt;
color:red;}
td,th{
border:2px solid green; background:
-moz-linear-gradient(white,yellow)}
h1{font-size:20px;
color:blue;}
p{font-size:12pt;
color:0}
div
{width: 1230px;
margin:
0 auto;/* agar dokumen berada ditengah */
padding:
10px auto;
height:
600px;
background:
-moz-linear-gradient(white, aqua);
Border-top:
2px solid #0000FF;
Border-bottom:
2px solid #0000FF;
Border-left:
2px solid #0000FF;
Border-right:
2px solid #0000FF;
border-radius:
15px 15px 15px 15px;}
</style>
</head>
<body>
<div>
<caption><center>Soal
12</center></b></caption>
<center>
<caption><h1>Daftar
Harga</h1><caption>
<table>
<tr>
<th><ins><h1>No</h1></ins></th>
<th><ins><h1>Nama</h1></ins></th>
<th><ins><h1>Harga</h1></ins></th>
<th><ins><h1>Jumlah</h1></ins></th>
</tr>
<tr>
<td><b><h2>1</b></td>
<td><del>power
supply</del> mainboard</td>
<td>500.000</td>
<td><em>67</em></td>
</tr>
<tr>
<td><b>2</b></td>
<td>mouse</td>
<td>20.000</td>
<td><em>-</em></td>
</tr>
<tr>
<td><b>3</b></td>
<td>ram</td>
<td>250.000</td>
<td><em>43</em></td>
</tr >
<tr>
<td><b>4</b></td>
<td>keyboard</td>
<td>80.000</td>
<td><em>5</em></td>
</tr>
<tr>
<td><b>5</b></td>
<td>ram</td>
<td>250.000</td>
<td><em>43</em></td>
</tr>
<tr>
<td><b>6</b></td>
<td>monitor</td>
<td>1.250.000</td>
<td><em>5</em></td>
</tr>
<tr>
<td><b>7</b></td>
<td>kabel
power</td>
<td>50.000</td>
<td><em>49</em></td>
</tr>
<tr>
<td><b>8</b></td>
<td>baterei
cmos</td>
<td>100</td>
<td><em>5.000</em></td>
</tr>
<tr>
<td><b>9</b></td>
<td>hardisk</td>
<td>700.000</td>
<td><em>34</em></td>
</tr>
<tr>
<td><b>10</b></td>
<td>flash
disk</td>
<td>80.000</td>
<td><em>10</em></td>
</tr>
</table>
<p>
<address
style="font-size:14pt; color:green ; background:
-moz-linear-gradient(white, aqua)">
Tugas ini dikerjakan oleh
:<br>
Kelompok 3, Kelas S5A,
Program Studi : Teknik
Informatika,
FT MIPA,
Universitas Indraprasta PGRI,
Jakarta
</address>
</p>
</center>
</div>
<body>
</html>
Output
:
13. Soal 13
Script
:
<html>
<head>
<title>Soal 13, Embedded
Style</title>
<style>
p{font-size:14pt; color:0; background:
-moz-linear-gradient(white, aqua)}
td,th{ border:2px solid green; background:
-moz-linear-gradient(white,yellow)}
h1{font-size:20px;
color:blue;}
div{width:
1230px;
margin: 0 auto;/* agar dokumen
berada ditengah */
padding: 10px auto;
height: 600px;
background: Greenyellow;
Border-top: 2px solid #0000FF;
Border-bottom: 2px solid
#0000FF;
Border-left: 2px solid #0000FF;
Border-right: 2px solid #0000FF;
border-radius: 15px 15px 15px
15px;"}
</style>
</head>
<body>
<div>
<caption><b><center>Soal
13</center></b></caption>
<center>
<caption
><h1><ins>Daftar Karyawan</ins></h1><caption>
<table>
<tr>
<th
colspan="11"><em>Daftar Karyawan</em></th>
</tr>
<tr>
<th>No</th>
<th>Nama</th>
<th>Alamat</th>
<th>Departemen</th>
<th>Jabatan</th>
<th>Tahun
Masuk</th>
<th>Gaji</th>
<th>Tunjagan
Kerja</th>
</tr>
<tr>
<td>1</td>
<td>Abdullah</td>
<td>Pasar Minggu</td>
<td>Administrasi</td>
<td>Direktur</td>
<td>2010</td>
<td>13.000.000</td>
<td>10.000.000</td>
</tr>
<tr>
<td>2</td>
<td>Susanti</td>
<td>Tanah
Abang</td>
<td>Administrasi</td>
<td>Sekertaris</td>
<td>2010</td>
<td>10.000.000</td>
<td>5.000.000</td>
</tr>
<tr>
<td>3</td>
<td>Intan</td>
<td><del>Tanjung
Priok</del>Bandung</td>
<td>Pemasaran</td>
<td>Sales</td>
<td>2010</td>
<th
colspan="2"><ins>prosentase</ins></th>
</tr>
<tr>
<td>4</td>
<td>Siswoyo</td>
<td>Cikampek</td>
<th
rowspan="5"><ins>Lapangan</ins></th>
<td>Tenaga
Teknik</td>
<td>2012</td>
<td>3.250.000</td>
<td>-</td>
</tr>
<tr>
<td>7</td>
<td>Munawar</td>
<td>Jatinegara</td>
<td>Tenaga
Teknik</td>
<td>2010</td>
<td>3.250.000</td>
<td>-</td>
</tr>
<tr>
<td>8</td>
<td>Yayuk</td>
<td>Pecinan</td>
<td>Helper</td>
<td>2010</td>
<td>3.000.000</td>
<td>50.000</td>
</tr>
<tr>
<td>9</td>
<td>Wardoyo</td>
<td>Rawamangun</td>
<th
rowspan="2"><ins>Tenaga Harian Lepas</ins></th>
<td>2010</td>
<td>2.000.000</td>
<td>-</td>
</tr>
<tr>
<td>10</td>
<td>Sanusi</td>
<td>Salemba</td>
<td>2010</td>
<td>2.000.000</td>
<td>-</td>
</tr>
</table>
<p>
<address>
Tugas ini dikerjakan oleh
:<br>
Kelompok 3,Kelas S5A,
Program Studi : Teknik
Informatika,
Fakultas TMIPA,
Universitas Indraprasta PGRI,
Jakarta
</address>
</p>
</center>
</div>
<body>
</html>
Output
:
14. Soal 14
Script
:
<html>
<head><title>Soal
14, Embedded Style</title>
<style>
p{font-size:14pt; color:0; background:
-moz-linear-gradient(white, aqua)}
td,tr,th {
border:2px solid black; font-size :10pt; color:blue; font-family : arial;
text-indent : 0.5in;
background:
-moz-linear-gradient(white,#CCFEBF);}
div{width:
1230px;
margin: 0 auto;/* agar dokumen
berada ditengah */
padding: 10px auto;
height: 600px;
background: Greenyellow;
Border-top: 2px solid #0000FF;
Border-bottom: 2px solid
#0000FF;
Border-left: 2px solid #0000FF;
Border-right: 2px solid #0000FF;
border-radius: 15px 15px 15px
15px;"}
</style></head>
<body>
<div>
<center>
<caption><h4><u><center>KramatJati
XXI</u></h4><caption>
<table>
<tr>
<th
colspan="15">Jadwal Pemutaran Film</th>
</tr>
<tr>
<th>Movie</th>
<th>Showtime</th>
<th>Info</th>
</tr>
<tr>
<th
rowspan="4"><u>THE TRANSPORTER REFUELED</u></th>
<td>12:45</td>
<td>D</td>
</tr>
<tr>
<td>14:30</td>
<td>D</td>
</tr>
<tr>
<td>17:15</td>
<td>D</td>
</tr>
<tr>
<td>19:30</td>
<td>D</td>
</tr>
<tr>
<th
rowspan="4"><u>MAZE RUNNER: THE SCORCH
TRIALS</u></th>
<td>12:45</td>
<td>R</td>
</tr>
<tr>
<td>14:30</td>
<td>R</td>
</tr>
<tr>
<td>17:15</td>
<td>R</td>
</tr>
<tr>
<td>19:30</td>
<td>R</td>
</tr>
<tr>
<th
rowspan="4"><u>KOMEDI MODEREN GOKIL</u></th>
<td>12:45</td>
<td>R</td>
</tr>
<tr>
<td>14:30</td>
<td>R</td>
</tr>
<tr>
<td>17:15</td>
<td>R</td>
</tr>
<tr>
<td>19:30</td>
<td>R</td>
</tr>
<tr>
<th
rowspan="4"><u>HANTU KUBURAN TUA</u></th>
<td>12:45</td>
<td>R</td>
</tr>
<tr>
<td>14:30</td>
<td>R</td>
</tr>
<tr>
<td>17:15</td>
<td>R</td>
</tr>
</table>
</center>
<center><p>
<address>
Tugas ini dikerjakan oleh
:<br>
Kelompok 3,Kelas S5A,
Program Studi : Teknik
Informatika,
Fakultas TMIPA,
Universitas Indraprasta PGRI,
Jakarta
</address>
</p>
</center></div>
</body>
</html>
Output:
15. Soal 15
Script
:
<html>
<head>
<title>Soal 15, Embedded
Style</title>
<style>
p{font-size:14pt; color:0; background:
-moz-linear-gradient(white, aqua)}
td,tr,th { border:2px
solid black; font-size :10pt; color:blue; font-family : arial; text-indent :
0.5in;
background:
-moz-linear-gradient(white,#CCFEBF);}
div{width: 1230px;
margin: 0 auto;/* agar dokumen berada
ditengah */
padding: 10px auto;
height: 600px;
background: Greenyellow;
Border-top: 2px solid #0000FF;
Border-bottom: 2px solid #0000FF;
Border-left: 2px solid #0000FF;
Border-right: 2px solid #0000FF;
border-radius: 15px 15px 15px
15px;"}
</style>
<body>
</head>
<body>
<div
<caption><b><center>Soal
15</center></b></caption>
<center>
<caption><h1><ins>Data
Penduduk</ins></h1><caption>
<table>
<tr>
<th
colspan="15"><em>Data Penduduk Kecamatan
Sukaraja</em></th>
</tr>
<tr>
<th>N0</th>
<th>DESA<del>KAMPUNG</del></th>
<th>PENDUDUK</th>
<th>PETANI</th>
<th>NELAYAN</th>
<th>PNS</th>
<th>TNI/POLRI</th>
<th>PELAJAR/MAHASISWA</th>
<th>PENGANGGURAN</th>
</tr>
<tr>
<td>1</td>
<td>Sukapatih</td>
<td>1000</td>
<td>100</td>
<td>100</td>
<td>100</td>
<td>100</td>
<td>100</td>
<td>500</td>
</tr>
<tr>
<td>2</td>
<td>Sukamakan</td>
<td>2000</td>
<td>200</td>
<td>200</td>
<td>200</td>
<td>200</td>
<td>200</td>
<td>1.000</td>
</tr>
<tr>
<td>3</td>
<td>Sukaminum</td>
<td>2000</td>
<td>200</td>
<td>200</td>
<td>200</td>
<td>200</td>
<td>1.200</td>
<th rowspan="3"
>0</td>
</tr>
<tr>
<td>4</td>
<td>Sukamandi</td>
<td>2000</td>
<td>200</td>
<td>200</td>
<td>200</td>
<td>200</td>
<td>1.200</td>
</tr>
<tr>
<td>5</td>
<td>Sukatani</td>
<td>2000</td>
<td>200</td>
<td>200</td>
<td>200</td>
<td>200</td>
<td>1.200</td>
</tr>
<tr>
<th
colspan="2"><i>Jumlah</i></th>
<td>9.000</td>
<td>9.000</td>
<td>9.000</td>
<td>9.000</td>
<td>9.000</td>
<td>41.000</td>
<td>1.500</td>
</tr>
<tr>
<th
colspan="9"><i><u>*survey tahun
2015</u></i></th>
</tr>
</table>
<p>
<address>
Tugas ini dikerjakan oleh :<br>
Kelompok 3,Kelas S5A,
Program Studi : Teknik Informatika,
Fakultas TMIPA,
Universitas Indraprasta PGRI,
Jakarta
</address>
</p>
</center>
<body>
</html>
Output:
16. Soal 16
Script
:
<html>
<head>
<title>Soal 16, Embedded
Style</title>
<style>
p{font-size:14pt; color:0; background:
-moz-linear-gradient(white, aqua)}
td,tr,th {
border:2px solid black; font-size :10pt; color:yellow; font-family : arial;
text-indent : 0.5in;
background:
-moz-linear-gradient(white,brown);}
div{width:
1230px;
margin: 0 auto;/* agar dokumen
berada ditengah */
padding: 10px auto;
height: 600px;
background: Greenyellow;
Border-top: 2px solid #0000FF;
Border-bottom: 2px solid
#0000FF;
Border-left: 2px solid #0000FF;
Border-right: 2px solid #0000FF;
border-radius: 15px 15px 15px
15px;"}
</style>
</head>
<body>
<div>
<caption><b><center>Soal
16</center></b></caption>
<center>
<caption><h1><ins>Investasi
Dalam Aktivitas <del>Tidak
Tetap</del>Tetap</ins></h1><caption>
<table>
<tr>
<th
colspan="11"><em>Investasi Dalam Aktivitas
Tetap</em></th>
</tr>
<tr>
<th
>Tahun</th>
<th >Faktor
Diskonto(15%)</th>
<th >Kas Keluar(C)</th>
<th >Kas
Masuk(B)</th>
<th >Arus
Kas Bersih(B)-(C)</th>
<th
>Akumulasi Arus Kas Bersih</th>
</tr>
<tr>
<td>1</td><!--ini adalah
Embedded Style Sheet-->
<td>1.00</td>
<td>1.000</td>
<td>0</td>
<td>-1.000</td>
<td>-1.000</td>
</tr>
<tr>
<td>2</td><!--ini
adalah Embedded Style Sheet-->
<td>0.87</td>
<td>174</td>
<td>348</td>
<td>174</td>
<td>-826</td>
</tr>
<tr>
<td>3</td><!--ini
adalah Embedded Style Sheet-->
<td>0.76</td>
<td>152</td>
<td>304</td>
<td>152</td>
<td>-674</td>
</tr>
<tr>
<td>4</td><!--ini
adalah Embedded Style Sheet-->
<td>0.66</td>
<td>132</td>
<td>264</td>
<td>132</td>
<td>-542</td>
</tr>
<tr>
<td>5</td><!--ini
adalah Embedded Style Sheet-->
<td>0.57</td>
<td>114</td>
<td>228</td>
<td>114</td>
<td>-428</td>
</tr>
<tr>
<td>6</td><!--ini
adalah Embedded Style Sheet-->
<td>0.50</td>
<td>100</td>
<td>200</td>
<td>100</td>
<td>-328</td>
</tr>
</table>
<p>
<address>
Tugas ini dikerjakan oleh
:<br>
Kelompok 3,Kelas S5A,
Program Studi : Teknik
Informatika,
Fakultas TMIPA,
Universitas Indraprasta PGRI,
Jakarta
</address>
</p>
</center>
<body>
</html>
Output
:
17. Soal 17
Script:
<html>
<head>
<title>Soal 17, Embedded
Style Sheet</title>
<style>
p{font-size:14pt; color:0;
background: -moz-linear-gradient(white, aqua)}
td,tr,th {
border:2px solid black; font-size :10pt; color:blue; font-family : arial;
text-indent : 0.5in;
background:
-moz-linear-gradient(white,#CCFEBF);}
div{width:
1230px;
margin: 0 auto;/* agar dokumen
berada ditengah */
padding: 10px auto;
height: 600px;
background: Greenyellow;
Border-top: 2px solid #0000FF;
Border-bottom: 2px solid
#0000FF;
Border-left: 2px solid #0000FF;
Border-right: 2px solid #0000FF;
border-radius: 15px 15px 15px
15px;"}
</style>
</head>
<body>
<div>
<caption><b><center>Soal
17</center></b></caption>
<center>
<caption><h1><ins>Kandungan
Sayuran</ins></h1><caption>
<table>
<tr>
<th>Macam
Sayuran</th>
<th>Air(%)</th>
<th>Protein(%)</th>
<th>Lemak(%)</th>
<th>KH(%)</th>
</tr>
<tr>
<td>Bayam</td>
<td>86.9</td>
<td>3.5</td>
<td>0.5</td>
<td>0.5</td>
</tr>
<tr>
<td>Cabe
Merah Segar</td>
<td>90.0</td>
<td>1.0</td>
<td>0.3</td>
<td>7.3</td>
</tr>
<tr>
<td>Daun
Pepaya</td>
<td>75.4</td>
<td>8.0</td>
<td>2.0</td>
<td>11.9</td>
</tr>
<tr>
<td>Daun
Singkong</td>
<td>77.2</td>
<td>6.8</td>
<td>1.2</td>
<td>13.0</td>
</tr>
<tr>
<td>Jagung
Muda</td>
<td>63.5</td>
<td>4.1</td>
<td>1.3</td>
<td>30.3</td>
</tr>
</table>
<p>
<address>
Tugas ini dikerjakan oleh
:<br>
Kelompok 3, Kelas S5A,
Program Studi : Teknik
Informatika,
FTMIPA,
Universitas Indraprasta PGRI,
Jakarta<br>
</address>
</p>
</center>
</div>
<body>
</html>
Output:
18. Soal 18
Script:
<html>
<head>
<title>Soal 18, Embedded Style</title>
<style>
div {width: 1230px;
margin: 0 auto;
padding: 10px
auto;
height: 600px;
background:0;
Border-top: 2px
solid #0000FF;
Border-bottom:
2px solid #0000FF;
Border-left: 2px
solid #0000FF;
Border-right:
2px solid #0000FF;
border-radius:
15px 15px 15px 15px;}
td,th{border:2px
solid black; font-size:16pt; color:yellow; background:
-moz-linear-gradient(white, blue)}
</style>
</head>
<body>
<div>
<caption><b><center>Soal
18</center></b></caption>
<center>
<caption><h1>Hasil
Penjualan Pakaian</h1><caption>
<table>
<tr>
<th
rowspan="7">Toko Muslim Aisyah</th>
<th
colspan="6">Jumlah Barang terjual</th>
</tr>
<tr>
<th>No</th>
<th>Baju Koko</th>
<th>Sarung</th>
<th>Mukena</th>
<th>Sajadah</th>
<th>Tasbih</th>
</tr>
<tr>
<td>1</td>
<td>300</td>
<td>230</td>
<td>120</td>
<td>200</td>
<td>50</td>
<tr>
<td>2</td>
<td>320</td>
<td>240</td>
<td>220</td>
<td>270</td>
<td>22</td>
</tr>
<td>3</td>
<td>400</td>
<td>310</td>
<td>340</td>
<td>235</td>
<td>21</td>
<tr>
<td>4</td>
<td>234</td>
<td>290</td>
<td>19</td>
<td>0</td>
<td>2</td>
</tr>
<tr>
<td>5</td>
<td>23</td>
<td>25</td>
<td>54</td>
<td>12</td>
<td>1</td>
</tr>
</table>
<p>
<address>
Tugas ini dikerjakan oleh
:<br>
Kelompok 3, Kelas S5A,
Program Studi : Teknik
Informatika,
FTMIPA,
Universitas Indraprasta PGRI,
Jakarta<br>
</address>
</p>
</center>
</div>
</body>
</html>
Output:
19. Soal 19
Script:
<html>
<head>
<title>Soal
19, Embedded Style</title>
</head>
<style>
p{font-size:14pt;
color:0; background: -moz-linear-gradient(white, aqua)}
td,tr,th
{ border:2px solid black; font-size :10pt; color:yellow; font-family : arial;
text-indent : 0.5in;
background:
-moz-linear-gradient(white,brown);}
div{width:
1230px;margin: 0 auto;/* agar dokumen berada ditengah */padding: 10px
auto;height: 600px;
background:
Greenyellow;Border-top: 2px solid #0000FF;Border-bottom: 2px solid
#0000FF;Border-left: 2px solid #0000FF;
Border-right: 2px solid
#0000FF;border-radius: 15px 15px 15px 15px;"}
</style></head>
<body>
<div>
<caption><b><center>Soal
19</b></caption>
<center>
<caption><h1><u>Tabel
Produksi Kedelai</u></h1><caption>
<table>
<tr>
<th
colspan="4">
Tabel Produksi
Kedelai PT. Andalas</th>
</tr>
<tr>
<th>Varietas
Kedelai</th>
<th>Tangkiling</th>
<th>Kalampangan</th>
<th>Total</th>
</tr>
<tr><td>Wilis</td><td>120</td><td>260</td><td>380</td></tr>
<tr><td>Sindoro</td><td>125</td><td>160</td><td>285</td>
</tr>
<tr><td>Slamet</td><td>140</td><td>165</td><td>305</td>
</tr>
<tr><td>Galunggung</td><td>145</td><td>170</td><td>315</td>
</tr>
<tr><td>Orba</td><td>155</td><td>175</td><td>330</td>
</tr>
<tr><td>Total</td><td>685</td><td>810</td><td>1495</td>
</tr>
<tr>
<th
colspan="9"><i><u>*survey tahun
2019</u></i></th>
</tr>
</table>
<p>
<address>
Tugas ini dikerjakan oleh
:<br>
Kelompok 3, Kelas S5A,
Program Studi : Teknik
Informatika,
FTMIPA,
Universitas Indraprasta PGRI,
Jakarta<br>
</address>
</p>
</div>
</center>
</body>
</html>
Output:
20. Soal 20
Script
:
<html>
<head><title>Soal
10, Embedded Style</title>
<style>
p{font-size:14pt;
color:0; background: -moz-linear-gradient(white, aqua)}
td,th{border:1px
solid yellow; font-size :12pt; color:blue; font-family : arial; text-indent :
0.5in;
background:
-moz-linear-gradient(#7FFFD4);}
div{width:
1230px; margin: 0 auto; padding: 10px auto; height: 600px; background:
Greenyellow; Border-top: 2px solid #0000FF;
Border-bottom:
2px solid #0000FF; Border-left: 2px solid #0000FF; Border-right: 2px solid
#0000FF; border-radius: 15px 15px 15px 15px;"}
</style></head>
<body><div>
<caption><b><center>Soal
10</b></center></caption>
<center>
<table>
<tr>
<th
colspan="11">
JUMLAH MAHASISWA PER FAKULTAS
UNIVERSITAS ANTAH BERANTAH INDONESIA TAHUN 2015</th>
</tr>
<tr>
<th>1.000</th><td></td><td></td><td></td><td></td><td></td><th
rowspan="10"
bgcolor="pink"></th><td></td><td></td>
</tr>
<tr>
<th>900</th><td></td><td></td><td></td><th
rowspan="9"
bgcolor="green"></th><td></td><td></td><th
rowspan="9" bgcolor="blue"></th>
</tr>
<tr>
<th>800</th><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
<th>700</th><td></td><td></td><td></td><th
rowspan="7" bgcolor="black"></th><th
rowspan="7" bgcolor="aqua"></th>
</tr>
<tr>
<th>600</th><td></td><th
rowspan="6" bgcolor="blue"></th><td></td>
</tr>
<tr>
<th>500</th><td></td><th
rowspan="5" bgcolor="brown"></th>
<tr>
<th>400</th><th
rowspan="4" bgcolor="yellow">
</tr>
<tr>
<th>500</th>
</tr>
<tr>
<th>200</th>
</tr>
<tr>
<th>100</th>
</tr>
<tr>
<th></th><th>F.KOMPUTER</th><th>F.BAHASA</th><th>F.SASTRA</th><th>F.KIP</th><th>F.TEKNIK</th>
<th>F.ISIP</th><th>F.MIPA</td><th>F.KEDOKTERAN</th>
</tr>
</table>
<p>
<address>
Tugas ini dikerjakan oleh
:<br>Kelompok 3, Kelas S5A,Program Studi : Teknik Informatika, FTMIPA,Universitas
Indraprasta PGRI, Jakarta<br>
</address>
</p>
</div>
</center>
</body>
</html>
Output
:
21. Soal 21
Script:
<html>
<head>
<title>Soal
21, External Style </title>
<link
rel="stylesheet" type="text/css"
href="tugas.css">
</head>
<body>
<div
id="halaman">
<caption><b><center>Soal
21</center></b></caption>
<center>
<table
id="table1">
<tr>
<td
colspan="7"><center>
KELOMPOK
3</center></td>
</tr>
<tr>
<td
id="td1">Soal</td>
<th
id="th1">NO</th>
<th
id="th1">NPM</th>
<th
id="th1">NAMA</th>
<th
id="th1">KELAS</th>
<th
id="th1">ALAMAT</th>
</tr>
<tr>
<th
id="td1" rowspan="5">NO 5</th>
<th id="th1">1</th>
<td id="td1">201343500013</td>
<td
id="td1">Satriya Sandi Herkawan</td>
<th id="th1">S5A</th>
<td
id="td1">Tanjung Barat</td>
</tr>
<tr>
<th
id="th1">2</th>
<td
id="td1">201343500019</td>
<td
id="td1">Novianto Wahyudi</td>
<td
id="td1">S5A</th>
<td
id="td1">Pekayon</td>
</tr>
<tr>
<th
id="th1">3</th>
<td
id="td1">201343500033</td>
<td
id="td1">Sukarno</td>
<th
id="th1">S5A</th>
<td
id="td1">Jatinegara</td>
</tr>
<tr>
<th
id="th1">4</th>
<td
id="td1">201343500081</td>
<td
id="td1">Wahyono</td>
<th
id="td1">S5A</th>
<td
id="td1">Tanjung Barat</td>
</tr>
<tr>
<th
id="th1">5</th>
<td
id="td1">201343500091</td>
<td
id="td1">Nurohman</td>
<th
id="th1">S5A</th>
<td
id="td1">Condet</td>
</tr>
</table>
<p id="p1">
<address>
Tugas ini dikerjakan oleh
:<br>
Kelompok 3, Kelas S5A,
Program Studi : Teknik
Informatika,
FTMIPA
Universitas Indraprasta PGRI,
Jakarta<br>
</address>
</p>x
</center>
</body>
</html>
Output
:
22. Soal 22
Script:
<html>
<head>
<title>Soal 2, External
Style</title>
<link
rel="stylesheet" type="text/css"
href="tugas.css"><!--ini adalah link External Style Sheet-->
</head>
<body>
<div
id="halaman"><!--ini adalah External Style Sheet-->
<caption><center>Soal
2</center></b></caption>
<center>
<caption><h1><em><ins>Daftar
Harga</ins></em></h1><caption>
<table
id="table2">
<tr>
<th
id="th2"><ins>No</ins></th>
<th
id="th2"><ins>Nama</ins></th>
<th
id="th2"><ins>Harga</ins></th>
<th
id="th2"><ins>Jumlah</ins></th>
</tr>
<tr>
<td
id="td2">1</td>
<td
id="td2">mainboard</td>
<td
id="td2">500.000</td>
<td
id="td2">67</td>
</tr>
<tr>
<td
id="td2">2</td>
<td
id="td2">mouse</td>
<td
id="td2">20.000</td>
<td
id="td2">-</td>
</tr>
<tr>
<td
id="td2">3</td>
<td
id="td2">ram</td>
<td
id="td2">250.000</td>
<td
id="td2">43</td>
</tr>
<tr>
<td
id="td2">4</td>
<td
id="td2">keyboard</td>
<td
id="td2">80.000</td>
<td
id="td2">5</td>
</tr>
<tr>
<td
id="td2">5</td>
<td
id="td2">ram</td>
<td
id="td2">250.000</td>
<td
id="td2">43</td>
</tr>
<tr>
<td
id="td2">6</td>
<td
id="td2">monitor</td>
<td
id="td2">1.250.000</td>
<td
id="td2">5</td>
</tr>
<tr>
<td
id="td2">7</td>
<td
id="td2">kabel power</td>
<td
id="td2">50.000</td>
<td
id="td2">49</td>
</tr>
<tr>
<td
id="td2">8</td>
<td
id="td2">baterei cmos</td>
<td
id="td2">100</td>
<td
id="td2">5.000</td>
</tr>
<tr>
<td
id="td2">9</td>
<td
id="td2">hardisk</td>
<td
id="td2">700.000</td>
<td
id="td2">34</td>
</tr>
<tr>
<td
id="td2">10</td>
<td
id="td2">flash disk</td>
<td
id="td2">80.000</td>
<td
id="td2">10</td>
</tr>
</table>
<p id="p1">
Note, Barang yang sudah dibeli
tidak bisa ditukar lagi<br><!--ini adalah Inline Style Sheet-->
<p id="p1">
<address
style="font-size:14pt; color:green ; background:
-moz-linear-gradient(white, aqua)">
Tugas ini dikerjakan oleh
:<br>
Kelompok 3, Kelas S5A,
Program Studi : Teknik
Informatika,
FT MIPA,
Universitas Indraprasta PGRI,
Jakarta
</address>
</p>
</center>
<body>
</html>
Output:
23. Soal 23
Script:
<html>
<head>
<title>Soal 23, External
Style</title>
<link
rel="stylesheet" type="text/css"
href="tugas.css"><!--ini adalah link External Style Sheet-->
</head>
<body>
<div
id="halaman">
<caption><b><center>Soal
23</center></b></caption>
<center>
<caption
><h1><ins>Daftar Karyawan</ins></h1><caption>
<table
id="table3">
<tr>
<th
id="th3" colspan="11"><em>Daftar Karyawan</em></th>
</tr>
<tr>
<th id="th3">No</th>
<th
id="th3">Nama</th>
<th id="th3">Alamat</th>
<th
id="th3">Departemen</th>
<th id="th3">Jabatan</th>
<th id="th3">Tahun Masuk</th>
<th id="th3">Gaji</th>
<th id="th3">Tunjagan
Kerja</th>
</tr>
<tr>
<td
id="td3">1</td>
<td
id="td3">Abdullah</td>
<td id="td3">Pasar
Minggu</td>
<td
id="td3">Administrasi</td>
<td
id="td3">Direktur</td>
<td
id="td3">2010</td>
<td
id="td3">13.000.000</td>
<td
id="td3">10.000.000</td>
</tr>
<tr>
<td
id="td3">2</td>
<td
id="td3">Susanti</td>
<td
id="td3">Tanah Abang</td>
<td
id="td3">Administrasi</td>
<td
id="td3">Sekertaris</td>
<td
id="td3">2010</td>
<td
id="td3">10.000.000</td>
<td
id="td3">5.000.000</td>
</tr>
<tr>
<td
id="td3">3</td>
<td
id="td3">Intan</td>
<td
id="td3"><del>Tanjung Priok</del>Bandung</td>
<td
id="td3">Pemasaran</td>
<td
id="td3">Sales</td>
<td
id="td3">2010</td>
<th colspan="2"><ins>prosentase</ins></th>
</tr>
<tr>
<td
id="td3">4</td>
<td
id="td3">Siswoyo</td>
<td
id="td3">Cikampek</td>
<th
id="td3"rowspan="5"><ins>Lapangan</ins></th>
<td
id="td3">Tenaga Teknik</td>
<td
id="td3">2012</td>
<td id="td3">3.250.000</td>
<td
id="td3">-</td>
</tr>
<tr>
<td
id="td3">7</td>
<td
id="td3">Munawar</td>
<td
id="td3">Jatinegara</td>
<td
id="td3">Tenaga Teknik</td>
<td
id="td3">2010</td>
<td
id="td3">3.250.000</td>
<td
id="td3">-</td>
</tr>
<tr>
<td
id="td3">8</td>
<td
id="td3">Yayuk</td>
<td
id="td3">Pecinan</td>
<td
id="td3">Helper</td>
<td
id="td3">2010</td>
<td
id="td3">3.000.000</td>
<td
id="td3">50.000</td>
</tr>
<tr>
<td
id="td3">9</td>
<td
id="td3">Wardoyo</td>
<td
id="td3">Rawamangun</td>
<th
id="th3" rowspan="2"><ins>Tenaga Harian
Lepas</ins></th>
<td
id="td3">2010</td>
<td
id="td3">2.000.000</td>
<td
id="td3">-</td>
</tr>
<tr>
<td
id="td3">10</td>
<td
id="td3">Sanusi</td>
<td
id="td3">Salemba</td>
<td
id="td3">2010</td>
<td
id="td3">2.000.000</td>
<td
id="td3">-</td>
</tr>
</table>
<p id="p3">
<address>
Tugas ini dikerjakan oleh
:<br>
Kelompok 3,Kelas S5A,
Program Studi : Teknik
Informatika,
Fakultas TMIPA,
Universitas Indraprasta PGRI,
Jakarta
</address>
</p>
</center>
</div>
<body>
</html>
Output
:
24. Soal 24
Script
:
<html>
<head><title>Soal
24, External Style</title></head>
<link
rel="stylesheet" type="text/css"
href="tugas.css">
<body>
<div id="halaman">
<center>
<caption><h4><u><center>KramatJati
XXI</u></h4><caption>
<table
id="table4">
<tr>
<th
colspan="15"><ins>Jadwal Pemutaran
Film</ins></th>
</tr>
<tr>
<th
id="th4">Movie</th>
<th
id="th4">Showtime</th>
<th id="th4">Info</th>
</tr>
<tr>
<th id="th4"
rowspan="4"><em>THE TRANSPORTER
REFUELED</em></th>
<td
id="td4">12:45</td>
<td
id="td4">D</td>
</tr>
<tr>
<td
id="td4">14:30</td>
<td
id="td4">D</td>
</tr>
<tr>
<td id="td4">17:15</td>
<td
id="td4">D</td>
</tr>
<tr>
<td
id="td4">19:30</td>
<td
id="td4">D</td>
</tr>
<tr>
<th
id="th4" rowspan="4"><em>MAZE RUNNER: THE SCORCH
TRIALS</em></th>
<td
id="td4">12:45</td>
<td
id="td4">R</td>
</tr>
<tr>
<td
id="td4">14:30</td>
<td
id="td4">R</td>
</tr>
<tr>
<td
id="td4">17:15</td>
<td
id="td4">R</td>
</tr>
<tr>
<td
id="td4">19:30</td>
<td
id="td4">R</td>
</tr>
<tr>
<th
id="th4"rowspan="4"><em>KOMEDI MODEREN
GOKIL</em></th>
<td
id="td4">12:45</td>
<td
id="td4">R</td>
</tr>
<tr>
<td
id="td4">14:30</td>
<td
id="td4">R</td>
</tr>
<tr>
<td
id="td4">17:15</td>
<td
id="td4">R</td>
</tr>
<tr>
<td
id="td4">19:30</td>
<td
id="td4">R</td>
</tr>
<tr>
<th
id="th4"rowspan="4"><em>HANTU KUBURAN
TUA</em></th>
<td
id="td4">12:45</td>
<td
id="td4">R</td>
</tr>
<tr>
<td
id="td4">14:30</td>
<td
id="td4">R</td>
</tr>
<tr>
<td
id="td4">17:15</td>
<td
id="td4">R</td>
</tr>
</table>
<p id="p4">
<address>
Tugas ini dikerjakan oleh
:<br>
Kelompok 3,Kelas S5A,
Program Studi : Teknik
Informatika,
Fakultas TMIPA,
Universitas Indraprasta PGRI,
Jakarta
</address>
</p>
</center>
</body>
</html>
Output
:
25. Soal 25
Script:
<html>
<head>
<title>Soal 25, External
Style</title>
<link
rel="stylesheet" type="text/css"
href="tugas.css"><!--ini adalah link External Style Sheet-->
</head>
<body>
<div id="halaman">
<caption><b><center>Soal
25</center></b></caption>
<center>
<caption><h1><ins>Data
Penduduk</ins></h1><caption>
<table>
<tr>
<th
colspan="15"><em>Data Penduduk Kecamatan
Sukaraja</em></th>
</tr>
<tr>
<th
id="th5">N0</th>
<th
id="th5">DESA<del>KAMPUNG</del></th>
<th
id="th5">PENDUDUK</th>
<th
id="th5">PETANI</th>
<th
id="th5">NELAYAN</th>
<th
id="th5">PNS</th>
<th
id="th5">TNI/POLRI</th>
<th
id="th5">PELAJAR/MAHASISWA</th>
<th
id="th5">PENGANGGURAN</th>
</tr>
<tr>
<td
id="td5">1</td>
<td
id="td5">Sukapatih</td>
<td
id="td5">1000</td>
<td
id="td5">100</td>
<td
id="td5">100</td>
<td
id="td5">100</td>
<td
id="td5">100</td>
<td
id="td5">100</td>
<td
id="td5">500</td>
</tr>
<tr>
<td id="td5">2</td>
<td
id="td5">Sukamakan</td>
<td
id="td5">2000</td>
<td
id="td5">200</td>
<td
id="td5">200</td>
<td
id="td5">200</td>
<td
id="td5">200</td>
<td
id="td5">200</td>
<td
id="td5">1.000</td>
</tr>
<tr>
<td
id="td5">3</td>
<td id="td5">Sukaminum</td>
<td
id="td5">2000</td>
<td
id="td5">200</td>
<td
id="td5">200</td>
<td
id="td5">200</td>
<td
id="td5">200</td>
<td
id="td5">1.200</td>
<th id="th5"
rowspan="3" >0</td>
</tr>
<tr>
<td
id="td5">4</td>
<td
id="td5">Sukamandi</td>
<td
id="td5">2000</td>
<td
id="td5">200</td>
<td
id="td5">200</td>
<td
id="td5">200</td>
<td
id="td5">200</td>
<td
id="td5">1.200</td>
</tr>
<tr>
<td
id="td5">5</td>
<td
id="td5">Sukatani</td>
<td
id="td5">2000</td>
<td
id="td5">200</td>
<td
id="td5">200</td>
<td
id="td5">200</td>
<td
id="td5">200</td>
<td
id="td5">1.200</td>
</tr>
<tr>
<th id="th5"
colspan="2"><i>Jumlah</i></th>
<td
id="td5">9.000</td>
<td
id="td5">9.000</td>
<td
id="td5">9.000</td>
<td
id="td5">9.000</td>
<td
id="td5">9.000</td>
<td
id="td5">41.000</td>
<td
id="td5">1.500</td>
</tr>
<tr>
<th
id="th5"colspan="9"><i><u>*survey
tahun 2015</u></i></th>
</tr>
</table>
<p id="p5">
<address>
Tugas ini dikerjakan oleh
:<br>
Kelompok 3,Kelas S5A,
Program Studi : Teknik
Informatika,
Fakultas TMIPA,
Universitas Indraprasta PGRI,
Jakarta
</address>
</p>
</center>
</body>
</html>
Output:
26. Soal 26
Script
:
<html>
<head>
<title>Soal 26, External
Style</title>
<link
rel="stylesheet" type="text/css"
href="tugas.css">
</head>
<body>
<div
id="halaman">
<caption><b><center>Soal
26</center></b></caption>
<center>
<caption><h1><ins>Investasi
Dalam Aktivitas <del>Tidak
Tetap</del>Tetap</ins></h1><caption>
<table>
<tr>
<th
colspan="11"><em>Investasi Dalam Aktivitas<del>Tidak
Tetap</del> Tetap</em></th>
</tr>
<tr>
<th
id="th6">Tahun</th>
<th id="th6" >Faktor
Diskonto(15%)</th>
<th id="th6" >Kas
Keluar(C)</th>
<th
id="th6" >Kas Masuk(B)</th>
<th
id="th6" >Arus Kas Bersih(B)-(C)</th>
<th
id="th6" >Akumulasi Arus Kas Bersih</th>
</tr>
<tr>
<td
id="td6">1</td>
<td
id="td6">1.00</td>
<td
id="td6">1.000</td>
<td
id="td6">0</td>
<td
id="td6">-1.000</td>
<td
id="td6">-1.000</td>
</tr>
<tr>
<td
id="td6">2</td>
<td
id="td6">0.87</td>
<td
id="td6">174</td>
<td
id="td6">348</td>
<td
id="td6">174</td>
<td
id="td6">-826</td>
</tr>
<tr>
<td
id="td6">3</td>
<td
id="td6">0.76</td>
<td
id="td6">152</td>
<td
id="td6">304</td>
<td
id="td6">152</td>
<td
id="td6">-674</td>
</tr>
<tr>
<td
id="td6">4</td>
<td
id="td6">0.66</td>
<td
id="td6">132</td>
<td
id="td6">264</td>
<td
id="td6">132</td>
<td
id="td6">-542</td>
</tr>
<tr>
<td id="td6">5</td>
<td
id="td6">0.57</td>
<td
id="td6">114</td>
<td
id="td6">228</td>
<td
id="td6">114</td>
<td
id="td6">-428</td>
</tr>
<tr>
<td
id="td6">6</td>
<td
id="td6">0.50</td>
<td
id="td6">100</td>
<td
id="td6">200</td>
<td
id="td6">100</td>
<td
id="td6">-328</td>
</tr>
</table>
<p>
<address>
Tugas ini dikerjakan oleh
:<br>
Kelompok 3,Kelas S5A,
Program Studi : Teknik
Informatika,
Fakultas TMIPA,
Universitas Indraprasta PGRI,
Jakarta
</address>
</p>
</center>
</div>
</body>
</html>
Output:
27. Soal 27
Script:
<html>
<head>
<title>Soal 27, External
Style Sheet</title>
<link
rel="stylesheet" type="text/css"
href="tugas.css">
</head>
<body>
<div
id="halaman">
<caption><b><center>Soal
27</center></b></caption>
<center>
<caption><h1><ins>Kandungan
Sayuran</ins></h1><caption>
<table>
<tr>
<th
id="th7">Macam <del>Buah</del>Sayuran</th>
<th
id="th7">Air(%)</th>
<th
id="th7">Protein(%)</th>
<th
id="th7">Lemak(%)</th>
<th
id="th7">KH(%)</th>
</tr>
<tr>
<td
id="td7">Bayam</td>
<td
id="td7">86.9</td>
<td
id="td7">3.5</td>
<td
id="td7">0.5</td>
<td
id="td7">0.5</td>
</tr>
<tr>
<td
id="td7">Cabe Merah Segar</td>
<td
id="td7">90.0</td>
<td id="td7">1.0</td>
<td
id="td7">0.3</td>
<td
id="td7">7.3</td>
</tr>
<tr>
<td
id="td7">Daun Pepaya</td>
<td
id="td7">75.4</td>
<td
id="td7">8.0</td>
<td
id="td7">2.0</td>
<td
id="td7">11.9</td>
</tr>
<tr>
<td
id="td7">Daun Singkong</td>
<td
id="td7">77.2</td>
<td
id="td7">6.8</td>
<td
id="td7">1.2</td>
<td
id="td7">13.0</td>
</tr>
<tr>
<td
id="td7">Jagung Muda</td>
<td
id="td7">63.5</td>
<td
id="td7">4.1</td>
<td
id="td7">1.3</td>
<td id="td7">30.3</td>
</tr>
</table>
<p>
<address>
Tugas ini dikerjakan oleh
:<br>
Kelompok 3, Kelas S5A,
Program Studi : Teknik
Informatika,
FTMIPA,
Universitas Indraprasta PGRI,
Jakarta<br>
</address>
</p>
</center>
</div>
</body>
</html>
Output:
28. Soal 28
Script
:
<html>
<head>
<title>Soal 28, External
Style</title>
<link
rel="stylesheet" type="text/css"
href="tugas.css">
</head>
<body>
<div
id="halaman">
<caption><b><center><em>Soal
28</em></center></b></caption>
<center>
<caption><ins>Hasil
Penjualan Pakaian</ins></h1><caption>
<table>
<tr>
<th
id="td8"rowspan="7">Toko Muslim Aisyah</th>
<th
id="td8"colspan="6">Jumlah Barang
terjual</th>
</tr>
<tr>
<th
id="th8"><del>Nama</del>No</th>
<th id="th8">Baju
Koko</th>
<th
id="th8">Sarung</th>
<th
id="th8">Mukena</th>
<th
id="th8">Sajadah</th>
<th
id="th8">Tasbih</th>
</tr>
<tr>
<td
id="td8">1</td>
<td
id="td8">300</td>
<td
id="td8">230</td>
<td
id="td8">120</td>
<td
id="td8">200</td>
<td
id="td8">50</td>
<tr>
<td
id="td8">2</td>
<td
id="td8">320</td>
<td
id="td8">240</td>
<td
id="td8">220</td>
<td
id="td8">270</td>
<td
id="td8">22</td>
</tr>
<td
id="td8">3</td>
<td
id="td8">400</td>
<td
id="td8">310</td>
<td
id="td8">340</td>
<td
id="td8">235</td>
<td
id="td8">21</td>
<tr>
<td
id="td8">4</td>
<td
id="td8">234</td>
<td
id="td8">290</td>
<td
id="td8">19</td>
<td
id="td8">0</td>
<td
id="td8">2</td>
</tr>
<tr>
<td
id="td8">5</td>
<td
id="td8">23</td>
<td
id="td8">25</td>
<td
id="td8">54</td>
<td
id="td8">12</td>
<td
id="td8">1</td>
</tr>
</table>
<p id="p9">
<address>
Tugas ini dikerjakan oleh
:<br>
Kelompok 3, Kelas S5A,
Program Studi : Teknik
Informatika,
FTMIPA,
Universitas Indraprasta PGRI,
Jakarta<br>
</address>
</p>
</center>
</div>
</body>
</html>
Output:
29. Soal 29
Script:
<html>
<head>
<title>Soal
29, External Style</title>
<link
rel="stylesheet" type="text/css"
href="tugas.css">
<body>
<div
id="halaman">
<caption><b><center>Soal
29</b></caption>
<center>
<caption><h1><em>Tabel
Produksi Kedelai</em></h1><caption>
<table>
<tr>
<th
colspan="4">
Tabel Produksi
Kedelai PT. Andalas</th>
</tr>
<tr>
<th
id="th9">Varietas Kedelai</th>
<th
id="th9">Tangkiling</th>
<th
id="th9">Kalampangan</th>
<th
id="th9">Total</th>
</tr>
<tr><td
id="td9"><del>Wilis</del>Merapi</td><td
id="td9">120</td><td
id="td9">260</td><td id="td9">380</td></tr>
<tr><td
id="td9">Sindoro</td><td
id="td9">125</td><td
id="td9">160</td><td id="td9">285</td>
</tr>
<tr><td
id="td9">Slamet</td><td
id="td9">140</td><td
id="td9">165</td><td id="td9">305</td>
</tr>
<tr><td
id="td9">Galunggung</td><td
id="td9">145</td><td
id="td9">170</td><td id="td9">315</td>
</tr>
<tr><td
id="td9">Orba</td><td
id="td9">155</td><td
id="td9">175</td><td id="td9">330</td>
</tr>
<tr><td
id="td9">Total</td><td
id="td9">685</td><td
id="td9">810</td><td id="td9">1495</td>
</tr>
<tr>
<th id="th9"
colspan="9"><i><u>*survey tahun
2019</u></i></th>
</tr>
</table>
<p id="p9">
<address>
Tugas ini dikerjakan oleh
:<br>
Kelompok 3, Kelas S5A,
Program Studi : Teknik
Informatika,
FTMIPA,
Universitas Indraprasta PGRI,
Jakarta<br>
</address>
</p>
</div>
</center>
</body>
</html>
Output:
30. Soal 30
Script:
<html>
<head>
<title>Soal 30, External
Style</title>
<link
rel="stylesheet" type="text/css"
href="tugas.css">
</head>
<body>
<div
id="halaman">
<caption><b><center>Soal
30</b></center></caption>
<center>
<table>
<tr>
<th
colspan="11">
JUMLAH MAHASISWA PER FAKULTAS
UNIVERSITAS ANTAH BERANTAH INDONESIA TAHUN 2015</th>
</tr>
<tr>
<th id="th10">1.000</th><td></td><td></td><td></td><td></td><td></td><th
id="th10"
rowspan="10"></th><td></td><td></td>
</tr>
<tr>
<th
id="th10">900</th><td></td><td></td><td></td><th
id="th10"
rowspan="9"></th><td></td><td></td><th
id="th10" rowspan="9"></th>
</tr>
<tr>
<th
id="th10">800</th><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
<th
id="th10">700</th><td></td><td></td><td></td><th
id="th10" rowspan="7"></th><th
id="th10" rowspan="7"></th>
</tr>
<tr>
<th
id="th10">600</th><td></td><th
id="th10" rowspan="6"></th><td></td>
</tr>
<tr>
<th
id="th10">500</th><td></td><th
id="th10" rowspan="5"></th>
<tr>
<th
id="th10">400</th><th id="th10"
rowspan="4">
</tr>
<tr>
<th
id="th10">500</th>
</tr>
<tr>
<th
id="th10">200</th>
</tr>
<tr>
<th
id="th10">100</th>
</tr>
<tr>
<th></th><th>F.KOMPUTER</th><th>F.BAHASA</th><th>F.SASTRA</th><th>F.KIP<del>F
OLAHRAGA</del></th><th>F.TEKNIK</th>
<th>F.ISIP</th><th>F.MIPA</td><th>F.KEDOKTERAN</th>
</tr>
</table>
</center>
<center>
<p id="p10">
<address>
Tugas ini dikerjakan oleh
:<br>
Kelompok 3, Kelas S5A,
Program Studi : Teknik
Informatika,
FTMIPA,
Universitas Indraprasta PGRI,
Jakarta<br>
</address>
</p>
</center>
</div>
</center>
</body>
</html>
Output:
31. Tugas.css
Script:
#halaman{width:
1230px;
margin:
0 auto;/* agar dokumen berada ditengah */
padding:
10px auto;
height:
600px;
background:
-moz-linear-gradient(aqua,white);
Border-top:
2px solid #0000FF;
Border-bottom:
2px solid #0000FF;
Border-left:
2px solid #0000FF;
Border-right:
2px solid #0000FF;
border-radius:
15px 15px 15px 15px;}
#table1{ border:1px solid yellow;
background:
-moz-linear-gradient(white,green);
font-size:12pt;
color:0
}
#td1{
border:2px
solid blue;
}
#th1{
border:2px
solid blue;
}
#p2 {
font-size:16pt;
color:red;
}
#table2 { border:1px solid yellow;
background:
-moz-linear-gradient(white,green);
font-size:12pt;
color:0
}
#td2 {
border:2px
solid green; background:
-moz-linear-gradient(white,yellow)
}
#th2 {
border:2px
solid green; background:
-moz-linear-gradient(white,blue)
}
#p3 {
font-size:14pt;
color:0; background: -moz-linear-gradient(white, aqua)
font-size:12pt;
color:blue
}
#table3 {
border:1px
solid yellow;
background:
-moz-linear-gradient(white,yellow);
font-size:12pt;
color:0
}
#td3 {
border:2px
solid green; background:
-moz-linear-gradient(black,yellow)
font-size:12pt;
color:blue
}
#th3 {
border:2px
solid green; background:
-moz-linear-gradient(white,yellow)
font-size:12pt;
color:blue
}
#p4
{
font-size:14pt;
color:0; background: -moz-linear-gradient(white, aqua)
}
#table4 {
border:1px
solid yellow;
background:
-moz-linear-gradient(white,yellow);
font-size:12pt;
color:0
}
#td4 {
border:2px
solid green; background:
-moz-linear-gradient(black,yellow)
font-size:12pt;
color:blue
}
#th4 {
border:2px
solid green; background:
-moz-linear-gradient(white,yellow)
font-size:12pt;
color:blue
}
#table5 {
border:1px
solid yellow;
background:
-moz-linear-gradient(white,yellow);
font-size:12pt;
color:0
}
#th5,#td5 {
border:2px
solid yellow; font-size :10pt; color:blue; font-family : arial; text-indent :
0.5in;
background:
-moz-linear-gradient(white,#CCFEBF);
}
#p5 {
font-size:14pt;
color:0; background: -moz-linear-gradient(white, aqua)
}
#p6 {
font-size:14pt;
color:0; background: -moz-linear-gradient(white, aqua)
}
#th6,#td6 {
border:2px
solid black; font-size :10pt; color:yellow; font-family : arial; text-indent :
0.5in;
background:
-moz-linear-gradient(white,brown);
}
#td7,#th7 {
border:2px
solid black; font-size:16pt; color:yellow;
background:
-moz-linear-gradient(white, blue)
}
#p7 {
font-size:14pt;
color:0; background: -moz-linear-gradient(white, aqua)
}
#td8,#th8 {
border:2px
solid black; font-size:16pt; color:yellow; background:
-moz-linear-gradient(white, blue)
}
#p8 {
font-size:14pt;
color:0; background: -moz-linear-gradient(white, aqua)
}
#p9 {
font-size:14pt;
color:0; background: -moz-linear-gradient(white, aqua)
}
#td9,#th9
{
border:2px
solid black; font-size :10pt; color:yellow; font-family : arial; text-indent :
0.5in;
background:
-moz-linear-gradient(white,brown);
}
#p10 {
font-size:16pt;
color:0; background: -moz-linear-gradient(white, aqua)
}
#td10,#th10
{
border:1px
solid black; font-size :8pt; color:yellow; font-family : arial; text-indent :
0.2in;
background:
-moz-linear-gradient(white,brown);
}
0 Comments