Praktikum 1
Ketik script di bawah ini:
modul_1a.html
<html>
<head>
<title>Judul WEB</title>
</head>
<body>
Isi dari Halaman WEB
<h1>Tag Heading 1</h1>
<h2>Tag Heading 2</h2>
<p>Tag Paragraf</p>
<a href="google.com">Tag Link</a><br>
<img src="ubuntu.jpg" height="300" width="400">Tag Image
</body>
</html>
Praktikum 2
Ketik script di bawah ini:
<html>
<head>
<title>Tag HTML</title>
</head>
<body>
<center><h2>UNIVERSITAS KUNINGAN</h2>
<h1>FAKULTAS ILMU KOMPUTER</h1>
<h3>Program Studi Teknik Informatika Jenjang S1</h3>
<marquee><big>Tahun Ajaran 2015</big></marquee>
<hr>
</center>
<pre>
NIM : 2015091060<br/>
Nama : Jaka Nursobah<br/>
Tempat Lahir : Kuningan<br/>
Tanggal Lahir : 13 Agustus 1993<br/>
Hobby : Olah Raga<br/>
<br/>
<u><b>Pendidikan</b></u>
<ol>
<li>SD : SDN 2 Winduhaji</li>
<li>SMP : SMPN 2 Kuningan</li>
<li>SMK : SMKN 2 Kuningan</li>
</ol>
</pre>
</font>
</body>
</html>
Praktikum 3
Ketik script di bawah ini:
<html>
<head>
<title>Tag dengan Atribut</title>
</head>
<body bgcolor="yellow">
<center><h1>UNIVERSITAS KUNINGAN</h1>
<font face="Verdana, Arial, Helvetica, Old English MT"><h2>FAKULTAS ILMU KOMPUTER</h2></font>
<h3>SISTEM INFORMASI</h3></center>
<marquee behavior="alternate">Tahun 2015</marquee>
<hr size="4" color="blue">
<ol type="1">
<li>Home </li>
<li> Fakultas </li>
<ul type="disc">
<li title="Fakultas Ilmu Komputer">FKOM</li>
<li title="Fakultas Keguruan dan Ilmu Pendidikan">FKIP</li>
<li title="Fakultas Ekonomi">FE</li>
<li title="Fakultas Kehutanan">FHUT</li>
<li title="Fakultas HUKUM">HUKUM</li>
<li title="Pendidikan Guru Sekolah Dasar">PGSD</li>
</ul>
<li> Fasilitas </li>
</ol>
</body>
</html>
Praktikum 4
Ketik script di bawah ini:
<html>
<head>
<title>UNIKU</title>
</head>
<body>
<center><strong>UNIVERSITAS KUNINGAN</strong><br/>
<h1>FAKULTAS ILMU KOMPUTER</h1><br />
<h2>FAKULTAS KEGURUAN DAN ILMU PENDIDIKAN</h2><br/>
<h3>FAKULTAS EKONOMI</h3><br/>
<h4>FAKULTAS KEHUTANAN</h4><br/>
<h5>FAKULTAS HUKUM</h5><br/>
<h6>FAKULTAS PENDIDIKAN GURU SEKOLAH DASAR</h6></center>
</body>
</html>
Praktikum 5
Ketik script di bawah ini:
<html>
<head>
<title>UNIKU</title>
</head>
<body>
<p align="center">Paragraf Pertama</p>
<p style="color:#FF0000">Paragraf Kedua</p>
<font color="#0000FF">Paragraf dengan Tag Font</font>
</body>
</html>
Praktikum 6
Ketik script di bawah ini:
modul_1f.html
<html>
<head>
<title>UNIKU</title>
</head>
<body>
<center><img src="ubuntu.jpg" height="153" width="210"><br>
LINUX UBUNTU</center>
</body>
</html>
Praktikum 7
Ketik script di bawah ini:
modul_1g.html
<html>
<head>
<title>Untitled Document</title>
</head><body>
<center><b>Data Repository Software</b><br></center>
<table align="center" border="1" bordercolor="#0000CC" cellpadding="2">
<tr bgcolor="#FF0000">
<td>Nomor</td>
<td>Nama Software</td>
<td>Link Download</td>
</tr>
<tr align="center" bgcolor="#CCCCCC">
<td>1</td>
<td>SO W7</td>
<td><a href="modul_1b.html" target="blank">Download</a></td>
</tr>
<tr align="center">
<td>2</td>
<td>SO W8</td>
<td><a href="latihan2_b.html">Download</a></td>
</tr>
<tr align="center" bgcolor="#CCCCCC">
<td>3</td>
<td>Office 2010</td>
<td><a href="latihan2_c.html">Download</a></td>
</tr>
<tr align="center" bgcolor="#CCCCCC">
<td colspan="3">©Copyright : FKOM UNIKU</td>
</tr>
</table>
</body>
</html>
Praktikum 8
Ketik script di bawah ini:
modul_1h.html
<html>
<body>
<table border="0" align="center" width="100%">
<tr>
<td width="19%" align="center"><img src="FKOM-Warna.png"></td>
<td width="81%" align="center">
<h1>UNIVERSITAS KUNINGAN</h1>
<h2>FAKULTAS ILMU KOMPUTER</h2>
Kampus 1 : Cut Nyak Dien No. 36 Kuningan</td>
</tr>
</table>
<hr size="3" color="#0000FF">
<table border="0" width="100%">
<tr>
<td width="10%"><p>Home</p>
<p>Manu 1</p>
<p>Manu 2</p>
<p>Manu 3</p>
<td width="90%">
<pre>Don't Join To NATO
No Action
Talk Only</pre>
<strike>Jangan Jadi Orang
Yang Hanya Banyak Bicara
Tanda Aksi / Bukti Nyata</strike>
</td>
</body>
</html>
Tampilan yang dihasilkan :
Post Test
Ketik script di bawah ini:
modul_1posttest.html
<html>
<title>Post Test Modul 1</title>
<body>
<table border="0" align="center" width="100%">
<tr>
<td width="19%" align="center"><img src="FKOM-Warna.png"></td>
<td width="81%" align="center">
<h1>UNIVERSITAS KUNINGAN</h1>
<h2>FAKULTAS ILMU KOMPUTER</h2>
Kampus 1 : Jl. Raya Cut Nyak Dien No. 36 Kuningan</td>
</tr>
</table>
<hr size="3" color="#0000FF">
<table border="0" width="100%">
<ol type="1">
<li>Home </li>
<li>Fakultas </li>
<ul type="disc">
<li title="Fakultas Ilmu Komputer">FKOM</li>
<li title="Fakultas Keguruan dan Ilmu Pendidikan">FKIP</li>
<li title="Fakultas Ekonomi">FE</li>
<li title="Fakultas Kehutanan">FHUT</li>
<li title="Fakultas HUKUM">HUKUM</li>
<li title="Pendidikan Guru Sekolah Dasar">PGSD</li>
</ul>
<li>Fasilitas </li>
</ol>
<center><b>Data Repository Software</b><br></center>
<table align="center" border="1" bordercolor="#0000CC" cellpadding="2">
<tr bgcolor="#FF0000">
<td>Nomor</td>
<td>Nama Software</td>
<td>Link Download</td>
</tr>
<tr align="center" bgcolor="#CCCCCC">
<td>1</td>
<td>SO W7</td>
<td><a href="modul_1b.html" target="blank">Download</a></td>
</tr>
<tr align="center">
<td>2</td>
<td>SO W8</td>
<td><a href="latihan2_b.html">Download</a></td>
</tr>
<tr align="center" bgcolor="#CCCCCC">
<td>3</td>
<td>Office 2010</td>
<td><a href="latihan2_c.html">Download</a></td>
</tr>
<tr align="center" bgcolor="#CCCCCC">
<td colspan="3">©Copyright : FKOM UNIKU</td>
</tr>
</table>
</body>
</html>
Tampilan yang dihasilkan :
Pre Test
Ketik script di bawah ini:
modul_1pretest.html
<html>
<head>
<title>Pre Test Modul 1</title>
</head><body>
<table align="center" border="1" bordercolor="#0000CC" cellpadding="2">
<tr align="left">
<td>Nama</td>
<td>:</td>
<td>RIO ANDRIYAT</td>
</tr>
<tr align="left">
<td>KELAS</td>
<td>:</td>
<td>KARYAWAN</td>
</tr>
</table>
</body>
</html>
Tampilan yang dihasilkan :
Tugas
Ketik script di bawah ini:
modul_tugas.html
<frameset rows="40%,55%,5%" border="1">
<frame name="header" src="header.html"/>
<frameset cols="15%,70%,15%">
<frame name="leftmenu" src="leftmenu.html"/>
<frame name="main" src="main.html"/>
<frame name="rightmenu" src="rightmenu.html"/>
</frameset>
<frame name="footer" src="footer.html"/>
</frameset>
header.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<table border="0" align="center" width="100%">
<tr>
<td width="19%" align="center"><img src="JN.png"></td>
<td width="81%" align="left-side"><h1>JAKA'S WEB</h1>
<h2>Jaka Nursobah</h2>
Latihan Halaman Web</td>
</tr>
</table>
</body>
</html>
<html>
<center>
<marquee><big>SELAMAT DATANG DI HALAMAN WEB JAKA</big></marquee>
</center>
</html>
leftmenu.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<ul>
<li><a href="main.html" target="main">Beranda</a></li>
<li><a href="profile.html" target="main">Profile</a></li>
<li><a href="gallery.html" target="main">Gallery</a></li>
<li><a href="#" target="main">UNIKU PAGE</a></li>
</ul>
<p> </p>
</body>
</html>
rightmenu.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<strong>Daftar Riwayat Hidup</strong><br/>
<a href="profile.html" target="main">1. Profile</a><br/>
<a href="pendidikan.html" target="main">2. Pendidikan</a><br/>
<a href="pekerjaan.html" target="main">3. Pengalaman Kerja</a>
<p> </p>
</body>
</html>
footer.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<center>
©Copyright JN 2017
</center>
</body>
</html>
Tampilan yang dihasilkan :
0 Response to "Laporan Praktikum Pemrograman Web 1 Modul 1"
Posting Komentar