Latihan 1, 2, 3 dan 4

  • Source code latihan 1

<html>
  <head>
   <title>Latihan 1</title>
  </head>
	<body text=blue >
	  <h1><marquee><u>Websiteku</u></marquee></h1>
	  <hr color=red >
	  <center><i><b>
	  Ini website yang saya buat dengan html<br>
	  website ini adalah situs pertamaku yang saya buat sendiri
	  </i></b></center>
	  <hr color=red >
	</body>
</html>

  • Hasil latihan 1:

Screenshot (47)

  • Source Code Latihan 2
<html>

  <head>
   <title>Latihan Ke Dua </title>
  </head>
	<body>
	<b>Tulisan Tebal</b><br>
	<i>Tulisan Miring</i><br>
	<u>Tulisan Bergaris bawah</u><br>
	<b><u><i>Kalau tulisan ini tebal, bergaris bawah dan miring</i></u></i> <br>
	<p align="justify">
	<p><font face="verdana" size="4" color="blue"><b>Ini font verdana berukuran 12pt berwarna biru sekaligus tebal</b></font>
	<br>
	Tulisan ini akan menghasilkan rata kanan kiri, karena kita menggunakan tag justify
	</p>
	<p align="center">
	kalau tulisan ini tebentuk rata tengah
	</p>
	<p align="left">
	kalu ini berbentuk rata kiri
	</p>
	<p align="right">
	kalau ini akan membentuk rata kanan
	</p>
	<table border="1">
	<tr>
		<td>
		Cel Satu
		</td>
		<td>
		Cel Dua
		</td>
	</tr>

	<tr>
		<td>
		Aku
		</td>
		<td>
		Kamu
		</td>
	</tr>
	</table>
	<br>
	<br>

	<table border="4" align="center">
	<tr>
		<th>
		A
		</th>
		<th>
		B
		</th>
		<th>
		C
		</th>
		<th>
		D
		</th>
	</tr>

	<tr>
		<td>
		PPN
		</td>
		<td>
		MTK
		</td>
		<td>
		SO
		</td>
		<td>
		Fiqih
		</td>
	</tr>
		<tr>
		<td>
		B.Ing
		</td>
		<td>
		B.Ind
		</td>
		<td>
		Algo
		</td>
		<td>
		PBO
		</td>
	</tr>

	</body>
</html>

  • Hasil Latihan 2:

Screenshot (48)

  • Source Code Latihan 3:
<html>
<head>
<title>latihan 3</title>
</head>
<body background ="img/Lighthouse.jpg" text="yellow">
<font face="Comic Sans MS" color="Red">

<hr>
<marquee behavior="alternate"><h1>========= Welcome =========</h1></marquee>

<hr>
<marquee direction="right" scrollamount="2">marquee dari kiri ke kanan</marquee>
<hr>

</font>

<table width="400" border="1" align="center" bordercolor="aqua" bgcolor="grey">

<tr>
<td colspan="3" align="center">Biodata Saya</td>
</tr>

<tr>
<td>Nama</td>

<td>:</td>
<td>Priyanto</td>
</tr>

<tr>
<td>NIM</td>
<td>:</td>
<td>12540154</td>
</tr>

<tr>
<td>Kelas</td>
<td>:</td>
<td>SI 3 Sore</td>
</tr>

<tr>
<td>Alamat</td>
<td>:</td>
<td>Jl Dr. Soepomo kebun jeruk</td>
</tr>

<tr>
<td>Temat Tanggal Lahir</td>
<td>:</td>
<td>MUBA, 16 September 1993</td>
</tr>

<tr>
<td>Hobby</td>
<td>:</td>
<td>Baca Buku</td>
</tr>

<tr>
<td>e-mail</td>
<td>:</td>
<td>16priyanto@gmail.com</td>
</tr>

<tr>
<td>Photo</td>
<td>:</td>
<td><img style="width: 100px; height: 100px ;" src="img/Koala.jpg" ></td>
</tr>

</table>

</body>

</html>
  • Hasil Latihan 3
    Screenshot (49)
  • Source Code Latihan 4:
<html>
<head>
<title>latihan 4</title>
</head>
	<body background ="img/Lighthouse.jpg" text="yellow">

		<b><center>Penggunaan TAG OL dan UL (Penomoran) </center>
		</b>

	<hr>
	<marquee direction="down" acrollamount="10">
	<p>
		Kali ini kita akan membahas 3 tag sekaligus,<br>
		karena masing-masing tag tidak dapat dipisahkan. Tag<br>
		ol dan ul keduanya membutuhkan tag li akan dapat<br>
		menampilkan output. Tag-tag ini berguna untuk menyusun<br>
		suatu daftar yan ingin anda tonjolkan pada pengunjung website.</p>
	<p>

	<img src="img/Penguins.jpg" width="133 height="100">
	</p>
	</marquee>

	<p><b>penggunaan tag ol dan li</b></p>

<ol>
	<li>ini nomor 1</li>
	<li>ini nomor 2</li>
	<li>ini nomor 3</li>
</ol>

	<p><b>Penggunaan tag ul dan li</b></p>
<ul>
	<li>Ini bulat 1</li>
	<li>Ini bulat 2</li>
	<li>Ini bulat 3</li>
</ul>

	<p><b>Gabungan tag ol, ul, dan li</b></P>
<ul>
	<li>Ini Bulat 1</li>
<ol>
	<li>ini nomor 1</li>
	<li>ini nomor 2</li>
</ol>
	<li>Ini bulat 2</li>
<ol>
	<li>Ini Nomor 1</li>
	<li>Ini Nomor 1</li>
</ol>
</ul>

<hr>
<H4>Circle Bullet List</H4>
	<ul type="circle">
		<li> Bakso </li>
		<li> Model </li>
	</ul>
<h4>Nested List</h4>
	<ul type="circle">
		<li> Celimpungan </li>
		<li> Laksan </li>
		<li> pempek </li>
	</ul>
<ul type="square">
		<li> Lenggang </li>
		<li> Telok </li>
	<ul>
	<li> Burgo </li>
	</ul>

	</body>
</html>

  • Hasil latihan 4:

Screenshot (50)

Malam Kita Berdua

rembulan

Oleh: Priyanto
Kebun jeruk, Palembang
09/02/2013

Malam ini hanya kau dan aku
Ku ingin habiskan malam bersamamu
Melampiaskan segala kerinduanku

Menatap silaunya wajahmu
Merasakan hangatnya tatapanmu

Kau adalah penghias malam
Meski engkau hanya pantulan

Kau adalah penghias malam
Ratu dari bintang-bintang

Ku ingin habiskan malam bersamamu
Ku ingin kau mendengar ceritaku

Rembulan.

Langit dan Cinta

2528-alone1

Oleh: Priyanto

Luasnya langit diangkasa, luasnya cinta yang hakiki
Menyelimuti seluruh jagat raya
Menyambangi seluruh insan bernyawa

Indahnya langit diangkasa, Indahnya cinta yang abadi
Menghiasi seluruh jagat raya
Menghidupi seluruh insan bernyawa

Wahai pemilik langit, wahai pemilik cinta
langitMu memberikan kehidupan
cintaMu memberikan kedamaian

Wahai penguasa langit, wahai penguasa cinta
langitMu adalah kuasaMu
cintaMU adalah kehidupanku

Butiran Debu

sandhand1


Oleh: Priyanto

Engkau sang penguasa alam semesta
Aku penghuni alam semesta

Engkau sang Raja segala Raja
Aku  seorang hamba dari hamba

Engkau sang pencipta langit dan bumi
Aku seorang penghuni bumi

Engkau sang Penguasa kebenaran
Aku seorang pecundang

Engkau sang Pemilik kehidupan
Aku seorang peminta

Engkau yang Maha Kuasa
Aku tak berdaya

Engkau Yang Maha Agung
Aku butiran debu

Aku dan Malam Part II


siluet-orang-kecewa

24/01/13 01:39 Griya Sejahtera, Inderalaya.

Ini adalah ceritaku dengan malam,

Malam ini kembali kuhirup udara Inderalaya, Sejengkal lebih dekat dengan kenangan. Sengaja aku mengasingkan diri, sedikit menjauh dari hingar bingar kota palembang. Suasana malam ini sangat tenang berbanding terbalik dengan kota palembang yang setiap malam diiringi dengan dentuman musik dan bisingnya kendaraan, jalan-jalan terlihat lengang, perumahan banyak yang kosong ditinggal penghuninya, Inilah suasana libur semester. 60% warga inderalaya adalah mahasiswa jadi wajar jika libur semester inderalaya tak ubahnya seperti kota mati.

Baca lebih lanjut

Aku dan Malam Part I

Gambar

29/12/12 02:07 Kebun jeruk, Palembang.

Ini adalah ceritaku dengan malam,

Mata ini belum bisa terpejam seperti malam-malam sebelumnya, aku dan malamku sudah semakin akrab sejak awal semester pertamaku di kampus hijau. Kampus hijau adalah kehidupan baruku setelah perjalanan panjang melalu aral dan rintangan di kampus lamaku, kampus kuning. Tentu saja tak semudah meniup debu hingga berterbangan untuk menghapus begitu saja kenangan di kampus lamaku. Ini adalah pilihanku, pertarungan antara egoisme dan hati nurani. Dua pilihan yang telah lama terbesit dalam benakku jauh sebelum aku menginjakkan kaki di kampus kuning. Baca lebih lanjut