TUGAS PEMROGRAMAN WEB
Kelompok
: 3 ( Tiga )
Anggota
: 1. Satriya Sandi Herkawan NPM : 201343500013
2. Novianto Wahyudi NPM : 201343500019
3.
Sukarno NPM : 201343500033
4. Wahyono NPM : 201343500081
5. Nurohman NPM : 201343500091
Soal : Pembuatan tabel dengan HTML
dan CSS
1.
Soal 1, Script
<html>
<head>
<title>Soal
1 </title>
<link
rel="stylesheet" type="text/css"
href="tugas.css"><!--ini adalah link External Style Sheet-->
<style>
td,th
{font-size :16pt; color:blue; font-family : arial; text-indent : 0.5in;
background:
-moz-linear-gradient(white, yellow);}<!--ini adalah Embedded Style
Sheet-->
</style>
</head>
<body>
<caption><b>Soal
1</b></caption>
<center>
<table>
<tr>
<td
colspan="7" style="font-size:20pt; color:red; background:
-moz-linear-gradient(white, blue)" ><center>
KELOMPOK
3</center></td><!--ini adalah Inline Style Sheet-->
</tr>
<tr>
<th
id="a">Soal</th>
<th
id="a">NO</th><!--ini adalah External Style Sheet-->
<th
id="a">NPM</th>
<th
id="a">NAMA</th>
<th
id="a">KELAS</th>
<th
id="a">ALAMAT</th>
</tr>
<tr>
<th
id="a" rowspan="5">NO 5</th><!--ini adalah
embedded Style Sheet-->
<th
id>1</th>
<td
id>201343500013</td>
<td
id>Satriya Sandi Herkawan</td>
<th
id>S5A</th>
<td
id>Tanjung Barat</td>
</tr>
<tr>
<th
style="font-size:16pt; color:white; background:
-moz-linear-gradient(white, blue);">2</th><!--ini adalah
Inline Style Sheet-->
<td
style="font-size:16pt; color:white; background:
-moz-linear-gradient(white, blue);">201343500019</td>
<td
style="font-size:16pt; color:white; background:
-moz-linear-gradient(white, blue);">Novianto Wahyudi</td>
<th
style="font-size:16pt; color:white; background:
-moz-linear-gradient(white, blue);">S5A</th>
<td
style="font-size:16pt; color:white; background: -moz-linear-gradient(white,
blue);">Pekayon</td>
</tr>
<tr>
<th
id="a">3</th><!--ini adalah External Style Sheet-->
<td
id="a">201343500033</td>
<td
id="a">Sukarno</td>
<th
id="a">S5A</th>
<td
id="a">Jatinegara</td>
</tr>
<tr>
<th
id>4</th><!--ini adalah embedded Style Sheet-->
<td
id>201343500081</td>
<td
id>Wahyono</td>
<th
id>S5A</th>
<td
id>Tanjung Barat</td>
</tr>
<tr>
<th
id>5</th><!--ini adalah embedded Style Sheet-->
<td
id>201343500091</td>
<td
id>Nurohman</td>
<th
id>S5A</th>
<td
id>Condet</td>
</tr>
</table>
</center>
</body>
</html>
Output :
2.
Soal 2. Script
<html>
<head>
<title>Soal 2</title>
<link rel="stylesheet"
type="text/css" href="tugas.css"><!--ini adalah link
External Style Sheet-->
<style>
td {font-size :16pt; color:blue; font-family
: arial; text-indent : 0.5in;
background:
-moz-linear-gradient(white, yellow);}<!--ini adalah Embedded Style
Sheet-->
</style>
</head>
<body>
<caption><b>Soal
2</b></caption>
<center>
<caption><h1>Daftar
Harga</h1><caption>
<table id="table1">
<tr>
<th >No</th>
<th >Nama</th>
<th >Harga</th>
<th
>Jumlah</th>
</tr>
<tr>
<td id>1</td>
<td>mainboard</td>
<td>500.000</td>
<td>67</td>
</tr>
<tr>
<td>2</td>
<td>mouse</td>
<td>20.000</td>
<td>-</td>
</tr>
<tr>
<td>3</td>
<td>ram</td>
<td>250.000</td>
<td>43</td>
</tr>
<tr>
<td>4</td>
<td>keyboard</td>
<td>80.000</td>
<td>5</td>
</tr>
<tr>
<td>5</td>
<td>ram</td>
<td>250.000</td>
<td>43</td>
</tr>
<tr>
<td>6</td>
<td>monitor</td>
<td>1.250.000</td>
<td>5</td>
</tr>
<tr>
<td>7</td>
<td>kabel
power</td>
<td>50.000</td>
<td>49</td>
</tr>
<tr>
<td>8</td>
<td>baterei
cmos</td>
<td>100</td>
<td>5.000</td>
</tr>
<tr>
<td>9</td>
<td>hardisk</td>
<td>700.000</td>
<td>34</td>
</tr>
<tr>
<td>10</td>
<td>flash
disk</td>
<td>80.000</td>
<td>10</td>
</tr>
</table>
<p style="font-size:16pt; color:white;
background: -moz-linear-gradient(white, blue);">
Note, Barang yang sudah dibeli tidak
bisa ditukar lagi<br><!--ini adalah Inline Style Sheet-->
</p>
</center>
<body>
</html>
Output:
3.
Soal 3, Sript
<html>
<head>
<title>Soal 3</title>
<link rel="stylesheet"
type="text/css" href="tugas.css"><!--ini adalah link
External Style Sheet-->
<style>
th
{font-size :16pt; color:blue; font-family : arial;
text-indent
: 0.5in; background: -moz-linear-gradient(white, #99FF00);}<!--ini adalah
Embedded Style Sheet-->
</style>
<head>
<body>
<caption><b>Soal
3</b></caption>
<center>
<caption ><h1>Daftar
Karyawan</h1><caption>
<table border="6">
<tr>
<th
colspan="11" style="background-color:aqua">Daftar
Karyawan</th><!--ini adalah Inline Style Sheet-->
</tr>
<tr>
<th
id>No</th><!--ini adalah Embedded Style Sheet-->
<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
id="c">2010</td><!--ini adalah Inline Style Sheet-->
<td>13.000.000</td>
<td>10.000.000</td>
</tr>
<tr>
<td
id>2</td>
<td>Susanti</td>
<td>Tanah
Abang</td>
<td>Administrasi</td>
<td>Sekertaris</td>
<td
id="c">2010</td><!--ini adalah Inline Style Sheet-->
<td>10.000.000</td>
<td>5.000.000</td>
</tr>
<tr>
<tr>
<td>3</td>
<td>Intan</td>
<td>Tanjung
Priok</td>
<td>Pemasaran</td>
<td>Sales</td>
<td
id="c">2010</td><!--ini adalah External Style Sheet-->
<th
colspan="2"
bgcolor="#BFCFFE">prosentase</th><!--ini adalah Inline
Style Sheet-->
</tr>
</tr>
<tr>
<td
id>4</td>
<td>Siswoyo</td>
<td>Cikampek</td>
<th
rowspan="5"
bgcolor="#BFCFFE">Lapangan</th><!--ini adalah Inline
Style Sheet-->
<td>Tenaga
Teknik</td>
<td
id="c">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
id="c">2010</td><!--ini adalah External Style Sheet-->
<td>3.250.000</td>
<td>-</td>
</tr>
<tr>
<td
id>8</td>
<td>Yayuk</td>
<td>Pecinan</td>
<td>Helper</td>
<td
id="c">2010</td><!--ini adalah External Style Sheet-->
<td>3.000.000</td>
<td>50.000</td>
</tr>
<tr>
<td>9</td>
<td>Wardoyo</td>
<td>Rawamangun</td>
<th
rowspan="2" bgcolor="#BFCFFE">Tenaga Harian
Lepas</th><!--ini adalah External Style Sheet-->
<td
id="c">2010</td>
<td>2.000.000</td>
<td>-</td>
</tr>
<tr>
<td
id>10</td>
<td>Sanusi</td>
<td>Salemba</td>
<td
id="c">2010</td><!--ini adalah External Style Sheet-->
<td>2.000.000</td>
<td>-</td>
</tr>
</table>
</center>
<body>
</html>
Output:
4.
Soal 4, Script
<html>
<title>Soal 4</title>
<link rel="stylesheet"
type="text/css" href="tugas.css"><!--ini adalah link
External Style Sheet-->
<style>
td {font-size :16pt; color:blue;
font-family : arial; text-indent : 0.5in;
background:
-moz-linear-gradient(white, yellow);}<!--ini adalah Embedded Style
Sheet-->
</style>
<body>
<center>
<caption><h1><u>KramatJati
XXI</u></h1><caption>
<table
id="table2"><!--ini adalah External Style Sheet-->
<tr>
<th
colspan="15"
style="font-size :20pt; color:blue; font-family : arial;
text-indent : 0.5in;
background:
-moz-linear-gradient(white, aqua);" >Jadwal Pemutaran
Film</th><!--ini adalah Inline Style Sheet-->
</tr>
<tr>
<th>Movie</th>
<th>Showtime</th>
<th>Info</th>
</tr>
<tr>
<th rowspan="4"
style="font-size :16pt; 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>
<td>14:30</td><!--ini
adalah link Embedded Style Sheet-->
<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"
style="font-size :16pt; 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>
<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" style="font-size :16pt; 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>
<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" style="font-size :16pt; 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>
<td>14:30</td>
<td>R</td>
</tr>
<tr>
<td>17:15</td>
<td>R</td>
</tr>
<tr>
<th colspan="2"
style="font-size :16pt; color:blue; font-family : arial; text-indent :
0.5in;
background:
-moz-linear-gradient(white, aqua);">kosong</th><!--ini adalah
Inline Style Sheet-->
</tr>
</table>
</center>
<body>
</html>
Output:
5.
Soal 5, Script
<html>
<head>
<title>Soal 5</title>
<link rel="stylesheet" type="text/css"
href="tugas.css"><!--ini adalah link External Style Sheet-->
<style>
td,th,tr {font-size :12pt;
color:black; font-family : arial; text-indent : 0.5in;
background:
-moz-linear-gradient(white, #99FF00);}<!--ini adalah Embedded Style Sheet-->
</style>
<body>
</head>
<body>
<caption><b>Soal
5</b></caption>
<center>
<caption><h1><u>Data
Penduduk</u></h1><caption>
<table
id="table3"><!--ini adalah External Style Sheet-->
<tr>
<th
colspan="15" style="background-color:blue" font color="white"><font
color="">Data Penduduk Kecamatan Sukaraja</th>
<!--ini adalah Inline
Style Sheet-->
</tr>
<tr>
<th>N0</th><!--ini
adalah Embedded Style Sheet-->
<th>DESA</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><!--ini
adalah Embedded Style Sheet-->
<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><!--ini
adalah Embedded Style Sheet-->
<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><!--ini
adalah Embedded Style Sheet-->
<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><!--ini
adalah Embedded Style Sheet-->
<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><!--ini
adalah Embedded Style Sheet-->
<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><!--ini
adalah Embedded Style Sheet-->
<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>
</center>
<body>
</html>
Output:
6.
Soal 6, Script
<html>
<head>
<title>Soal 6</title>
<link rel="stylesheet"
type="text/css" href="tugas.css"><!--ini adalah link
External Style Sheet-->
<style>
td,th,tr {font-size :12pt; color:#B20000;
font-family : arial; text-indent : 0.5in;
background:
-moz-linear-gradient(white, #809FFE);}<!--ini adalah Embedded Style
Sheet-->
</style>
</head>
<body>
<caption><b>Soal
6</b></caption>
<center>
<caption><h1>Investasi
Dalam Aktivitas Tetap</h1><caption>
<table id="table4">
<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><!--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>
</center>
<body>
</html>
Output:
7.
Soal 7, Script
<html>
<head>
<title>Soal 7</title>
<link rel="stylesheet"
type="text/css" href="tugas.css"><!--ini adalah link
External Style Sheet-->
<style>
td
{font-size :16pt; color:red; font-family : arial;
text-indent
: 0.5in; background: -moz-linear-gradient(white, #99FF00);}<!--ini adalah
Embedded Style Sheet-->
</style>
</head>
<body>
<caption><b>Soal
7</b></caption>
<center>
<caption><h1>Kandungan
Sayuran</h1><caption>
<table id="table5">
<tr>
<th
colspan="11">Kandungan Sayuran</th>
</tr>
<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>
</center>
<body>
</html>
Output :
8.
Sola 8. Script
<html>
<title>Soal 8</title>
<link rel="stylesheet"
type="text/css" href="tugas.css"><!--ini adalah link
External Style Sheet-->
<head>
<style>
td{font-size
:16pt; color:blue; font-family : arial; text-indent : 0.5in;
background:
-moz-linear-gradient(white, #7FFFD4);}<!--ini adalah Embedded Style
Sheet-->
</style>
</head>
<body>
<caption><b>Soal
8</b></caption>
<center>
<caption><h1>Hasil
Penjualan Pakaian</h1><caption>
<table
id="table5"><!--ini adalah External Style Sheet-->
<tr>
<th
rowspan="7" style="background-color:red">Toko Muslim
Aisyah</th>
<th
colspan="6" style="background-color:yellow">Jumlah
Barang terjual</th>
</tr>
<tr>
<th
style="background-color:pink">No</th><!--ini adalah
Inline Style Sheet-->
<th
style="background-color:cyan">Baju Koko</th>
<th
style="background-color:blue">Sarung</th>
<th
style="background-color:yellow">Mukena</th>
<th
style="background-color:green">Sajadah</th>
<th
style="background-color:brown">Tasbih</th>
</tr>
<tr>
<td>1</td><!--ini adalah
Embedded Style Sheet-->
<td>300</td>
<td>230</td>
<td>120</td>
<td>200</td>
<td>50</td>
<tr>
<td>2</td><!--ini
adalah Embedded Style Sheet-->
<td>320</td>
<td>240</td>
<td>220</td>
<td>270</td>
<td>22</td>
</tr>
<td>3</td><!--ini
adalah Embedded Style Sheet-->
<td>400</td>
<td>310</td>
<td>340</td>
<td>235</td>
<td>21</td>
<tr>
<td>4</td><!--ini
adalah Embedded Style Sheet-->
<td>234</td>
<td>290</td>
<td>19</td>
<td>0</td>
<td>2</td>
</tr>
<tr>
<td>5</td><!--ini
adalah Embedded Style Sheet-->
<td>23</td>
<td>25</td>
<td>54</td>
<td>12</td>
<td>1</td>
</tr>
</table>
</center>
<body>
</html>
Output:
9.
Soal 9, Script
<html>
<title>Soal 9</title>
<head>
<link rel="stylesheet"
type="text/css" href="tugas.css"><!--ini adalah link
External Style Sheet-->
<head>
<style>
td{font-size
:16pt; color:blue; font-family : arial; text-indent : 0.5in;
background:
-moz-linear-gradient(white,#FF00FF);}<!--ini adalah Embedded Style
Sheet-->
</style>
</head>
<body>
<caption><b>Soal
9</b></caption>
<center>
<caption><h1><u>Tabel
Produksi Kedelai</u></h1><caption>
<table id="table5">
<tr>
<th colspan="4"
style="background-color:blue" font
color="white"><font color="white">
Tabel Produksi Kedelai
PT. Andalas</th><!--ini adalah Inline Style Sheet-->
</tr>
<tr>
<th
id="a">Varietas Kedelai</th><!--ini adalah Eksternal
Style Sheet-->
<th
id="a">Tangkiling</th>
<th
id="a">Kalampangan</th>
<th
id="a">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>
</center>
<body>
</html>
Output:
10.
Soal 10, Script
<html>
<head>
<title>Soal 10</title>
<link rel="stylesheet"
type="text/css" href="tugas.css"><!--ini adalah link
External Style Sheet-->
<style>
td{font-size
:16pt; color:blue; font-family : arial; text-indent : 0.5in;
background:
-moz-linear-gradient(white, #7FFFD4);}<!--ini adalah Embedded Style
Sheet-->
</style>
</head>
<body>
<caption><b>Soal
10</b></caption>
<center>
<table>
<tr>
<th colspan="11"
style=""font color="white">
JUMLAH MAHASISWA PER FAKULTAS
UNIVERSITAS ANTAH BERANTAH INDONESIA TAHUN 2015</th><!--ini adalah
Inline Style Sheet-->
</tr>
<tr>
<th
id="c">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
id="c">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
id="c">800</th><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
<th
id="c">700</th><td></td><td></td><td></td><th
rowspan="7" bgcolor="black"></th><th
rowspan="7" bgcolor="aqua"></th>
</tr>
<tr>
<th id="c">600</th><td></td><th
rowspan="6"
bgcolor="blue"></th><td></td>
</tr>
<tr>
<th
id="c">500</th><td></td><th
rowspan="5" bgcolor="brown"></th>
<tr>
<th
id="c">400</th><th rowspan="4"
bgcolor="yellow">
</tr>
<tr>
<th
id="c">500</th>
</tr>
<tr>
<th
id="c">200</th>
</tr>
<tr>
<th
id="c">100</th>
</tr>
<tr>
<th
id="c"></th><th
id="c">F.KOMPUTER</th><th
id="c">F.BAHASA</th><th
id="c">F.SASTRA</th><th
id="c">F.KIP</th><th id="c">F.TEKNIK</th>
<th
id="c">F.ISIP</th><th
id="c">F.MIPA</td><th id="c">F.KEDOKTERAN</th>
</tr>
</table>
</center>
</body>
</html>
Output :
11.
Scrip css
#a {
border:0px
solid green;
background:
-moz-linear-gradient(white, yellow)
}
#b {
border:0px
solid green;
background: -moz-linear-gradient(aqua,
blue)
}
#c {
border:0px
solid yellow;
background:
-moz-linear-gradient(aqua, yellow)
}
#table1 {
background-color: aqua;
border: 8px solid;
border-color: #ecf0f1;
border-collapse :collapse;
width: 800px;
height: 200px;
box-shadow: -6px -8px 0 0
#2980b9;
}
#table2 {
background-color: white;
border: 1px solid;
border-color: #ecf0f1;
border-collapse :collapse;
width: 800px;
height: 200px;
box-shadow: -6px -8px 0 0
#2980b9;
}
#table3 {
background-color: #99FF00;
border: 1px solid;
border-color: #ecf0f1;
border-collapse :collapse;
width: 800px;
height: 200px;
box-shadow: -6px -8px 0 0
#2980b9;
}
#table4 {
background-color: #809FFE;
border: 1px solid;
border-color: #ecf0f1;
border-collapse :collapse;
width: 800px;
height: 200px;
box-shadow: -6px -8px 0 0
#2980b9;
}
#table5 {
background-color: #FF1493;
border: 1px solid;
border-color: #ecf0f1;
border-collapse :collapse;
width: 800px;
height: 200px;
box-shadow: -6px -8px 0 0
#00FF7F;
}
0 Comments