- Buatlah Sebuah Link Yang Menghubungkan Antara Halaman Web Anda Pada Modul 1 dengan Halaman Data Kuliah Dan Formulir di Modul 2
Tampilan Halam Pertama :
 |
| KLIK GAMBAR UNTUK MEMPERJELAS GAMBAR |
KODE HTML NYA :
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="edo ganteng " />
<title>Untitled 1</title>
<style type="text/css">
<!--
.style1 {font-size: x-large}
.style2 {color: #FF0000}
.style3 {
color: #FFFF00;
font-size: x-large;
font-weight: bold;
}
.style4 {font-family: "Bodoni MT Black"}
.style5 {color: #FF0000; font-size: x-large; font-family: "Bodoni MT Black"; }
.style12 {color: #FFFF00}
.style13 {color: #00FF00}
.style14 {color: #000000}
.style16 {
font-family: "Bodoni MT Black";
color: #FFFF00;
font-size: x-large;
}
.style20 {font-family: "Bodoni MT Black"; color: #FFFF00; font-size: large; }
.style22 {font-size: x-large; color: #FF0000;}
.style23 {font-size: large; color: #FFFF00;}
.style27 {font-size: large}
-->
</style>
</head>
<body>
<table width="988" border="1" align="center">
<tr bordercolor="#232C2B" bgcolor="#000000">
<td height="28" colspan="3"><div align="center" class="style3">HALAMAN WEB SEDERHANA </div></td>
</tr>
<tr bordercolor="#000000" bgcolor="#000000">
<td height="26" colspan="3" class="style1"><span class="style5">
<marquee width="100%" direction="left" scrollamount="2" align="center">
<strong><span class="style20"></span></strong>
</marquee>
</span><span class="style22">
<marquee width="100%" direction="left" scrollamount="2" align="center">
<strong><span class="style23"><span class="style4 style1 style13 style27">WELCOME To Web Site Edo Febrian Pratama Putra</span></span></strong>
</marquee>
</span><span class="style5">
<marquee width="100%" direction="left" scrollamount="2" align="center">
<strong><span class="style20"> </span></strong>
</marquee>
</span></td>
</tr>
<tr bordercolor="#00FFFF">
<td width="144" height="45" bordercolor="#000000" background="wallpaper1-3 (1).jpg" bgcolor="#000000" class="style4"><div align="center" class="style14"><a href="Data%20Kuliah%20.htm" class="style13">DATA KULIAH</a> </div></td>
<td width="130" bordercolor="#000000" background="wallpaper1-3 (1).jpg" bgcolor="#000000" class="style4"><div align="center" class="style14"><a href="Formulir.htm" class="style13">FORMULIR</a></div></td>
<td width="692" bordercolor="#000000" background="wallpaper1-3 (1).jpg" bgcolor="#000000" class="style4"> </td>
</tr>
<tr bgcolor="#161A1B" background="wallpaper1-3 (1).jpg">
<td height="257" colspan="3"><div align="center">
<p> </p>
<table width="27%" height="227" border="1" bordercolor="#FFFF00">
<tr>
<td height="221"><div align="center"><img src="fotoq.jpg" width="273" height="217"></div></td>
</tr>
</table>
</div>
<ul>
<li class="style27 style12">Saya orang yang penuh daya upaya, tidak takut mengambil resiko dan peluang. Saya penuh semangat, lebih baik mencoba walau gagal daripada tidak melakukan apa-apa. </li>
<li class="style23">Saya menerima segala kekurangan saya, Saya memperbaiki apa yang bisasaya perbaiki dan menerima apa yang ada diluar kontrol saya.</li>
<li class="style23"> Saya menerima diri saya apa adanya Manusia adalah makhluk ciptaan Tuhan paling sempurna yang tetap tidak terlepas dari kesalahan.</li>
<li class="style23">Manusia yang berjaya akan memperolehi keuntungan daripada kesilapannya, dan mencoba lagi dengan cara yang lain</li>
<li class="style23">Kegagalan bermakna bahawa anda belum berjaya lagi.</li>
<li class="style23">Ingatlah bahawa anda boleh gagal dalam apa saja dalam hidup asalkan tidak menjadi seorang yang gagal.</li>
<li class="style23">Kegagalan bukan bermakna anda tidak mencapai apa-apa.Ia bermakna anda telah mempelajari sesuatu.<span class="style16"><br>
</span> </li>
</ul></td>
</tr>
<tr bordercolor="#000000" bgcolor="#000000">
<td height="51" colspan="3" class="style14 style2"><marquee align="center" direction="left" width="100%" scrollamount="2">
<span class="style40"><strong>
<span class="style27 style1 style12">Selamat Berkunjung Di Web Site Saya Semoga Bermanfaat Bagi Anda Yang Membacanya !!!</span></strong></span>
</marquee>
<span class="style27 style1"> </span></td>
</tr>
</table>
<div align="center"></div>
</body>
</html>
Tampilan print screen Saat di Run :
 |
| KLIK GAMBAR UNTUK MEMPERJELAS GAMBAR |
===================================================================
Membuat laman web Tabel Data Kuliah :
 |
| KLIK GAMBAR UNTUK MEMPERJELAS GAMBAR |
KODE HTML NYA :
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="edo ganteng " />
<title>Untitled 1</title>
</head>
<body>
<p align="left">a. Data Kuliah </p>
<div align="left">
<table width="563" height="278" border="1">
<tr>
<td width="96" rowspan="2"><div align="center"><strong>NIM</strong></div></td>
<td width="108" rowspan="2"><div align="center"><strong>NAMA</strong></div></td>
<td width="109" rowspan="2"><div align="center"><strong>KELAS</strong></div></td>
<td height="40" colspan="2"><div align="center"><strong>KETERANGAN</strong></div></td>
</tr>
<tr>
<td><div align="center"><strong>LULUS</strong></div></td>
<td><div align="center"><strong>TIDAK LULUS </strong></div></td>
</tr>
<tr>
<td><div align="center">101</div></td>
<td><div align="center">ida</div></td>
<td><div align="center">TI-2</div></td>
<td width="98" rowspan="2"><div align="center">V</div></td>
<td width="118"><div align="center">-</div></td>
</tr>
<tr>
<td><div align="center">102</div></td>
<td><div align="center">Rika</div></td>
<td rowspan="3"><div align="center">TI-4</div></td>
<td><div align="center">-</div></td>
</tr>
<tr>
<td><div align="center">103</div></td>
<td><div align="center">Kiki</div></td>
<td><div align="center">-</div></td>
<td><div align="center">V</div></td>
</tr>
<tr>
<td><div align="center">104</div></td>
<td><div align="center">Buri</div></td>
<td rowspan="2"> <div align="center">V</div></td>
<td><div align="center">-</div></td>
</tr>
<tr>
<td><div align="center">105</div></td>
<td><div align="center">Koko</div></td>
<td><div align="center">TI-3</div></td>
<td><div align="center">-</div></td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>
</div>
</body>
</html>
Tampilan print screen Saat di Run :
 |
| KLIK GAMBAR UNTUK MEMPERJELAS GAMBAR |
===================================================================
Membuat laman web Formulir :
 |
| KLIK GAMBAR UNTUK MEMPERJELAS GAMBAR |
KODE HTML NYA :
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="edo ganteng " />
<title>Untitled 1</title>
</head>
<body>
<!DOCTYPE HTML>
<body>
b. Formulir
<table width="680" height="535" border="1">
<tr>
<th width="670" height="61" bgcolor="#33CCFF" scope="row"><p>PROVINSI JAWA TIMUR<br>
KOTA SURABAYA </p>
</th>
</tr>
<tr>
<th height="27" align="left" valign="bottom" nowrap scope="row"><dd>
<p><p style="text-align:justify;"><img src="SURYO.jpg" width="165" height="153" style="float:right;" />NIK : 35081021103900003 <br>
Nama : Gubernur Suryo <br>
Tempat/Tgl Lahir : Surabaya, 11 Maret 1990 <br>
Jenis kelamin : Laki-Laki Golongan Darah : B<br>
Alamat : Jl. Pemuda 101 <br>
RT/RW : 002/025 <br>
Desa/Kel : Rungkut <br>
Kecamatan : Rungkut <br>
Agama : Islam Status : <br>
Pekerjaan : Pelajar / Mahasiswa <br>
Berlaku hingga : 11 Maret 2014 <br>
Kewarganegaraan : WNI</p>
<br>
</p>
</th>
</tr>
<tr>
<th height="156" bgcolor="#66FF99" scope="row"><blockquote>
<p align="left"><br>
Syarat Pengambilan e-KTP : <br>
</p>
<div align="left">
<p>1. Membawa pas fote ukuran 3x4 bewarna.<br>
2. Membawa KTP lama.<br>
3. Membawa Kartu Keluarga</p>
</div>
</blockquote>
<ol>
</ol></th>
</tr>
</table
>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>
</body>
</html>
 |
| KLIK GAMBAR UNTUK MEMPERJELAS GAMBAR |
Semoga Bermanfaat Bagi Anda !!!
Postingan
0 komentar:
Posting Komentar