PTI / Offering D / 09
Pemrograman Web Studi Kasus Modul 4
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>THE DESTINY OF ISLAM</title>
<link rel="stylesheet" href="Tugas_praktikum_Mod 4.css" type="text/css">
<link rel="shortcut icon" href="icon.ico" type="image/x-icon">
</head>
<body>
<header>
<div>ISLAM WILL DOMINATE THE WORLD</div>
</header>
<nav>
<font face="comic sans" size="4">
<div align="center"></div>
<div class="nav">
<ul id="button">
<li><a href="">Home</a></li>
<li><a href="">News & Media</a></li>
<li><a href="">Tutorials</a></li>
<li><a href="">Tips & Tricks</a></li>
<li><a href="">Downloads</a></li>
</ul>
<font color="#F90" face="Arial" size="3">
<div align ="right">
<div id="search">search : <input></input></div>
</div>
</font>
</div>
</nav>
<font face="comic sans" size="19">
<font color="#F90" face="Arial" size="1">
<section>
<side1>
<img src="chel.jpg" width: 360px, height: 480px;>
</side1>
<side2>
<font color="Green" face="Arial" size="3"><H4>
ERA RASULULLOH SAW (622-632M) DAN DAULAT KHULAFAUR RASYIDIN (632-661 M)</br>
</H4>
Kesuksesan Rasulullah Muhammad Saw dalam membangun peradaban Islam yang tiada taranya dalam sejarah dicapai dalam kurun waktu 23 tahun, 13 tahun langkah persiapan pada periode Makkah (Makiyyah) dan 10 tahun periode Madienah (Madaniyah). Periode 23 tahun merupakan rentang waktu kurang dari satu generasi, dimana beliau Saw telah berhasil memegang kendali kekuasaan atas bangsa-bangsa yang lebih tua peradabannya saat itu khususnya Romawi, Persia dan Mesir.</br>
</br>Seorang ahli pikir Perancis bernama Dr. Gustave Le Bone mengatakan:</br>
"Dalam satu abad atau 3 keturunan, tidak ada bangsa-bangsa manusia dapat mengadakan perubahan yang berarti. Bangsa Perancis memerlukan 30 keturunan atau 1000 tahun baru dapat mengadakan suatu masyarakat yang bercelup Perancis. Hal ini terdapat pada seluruh bangsa dan umat, tak terkecuali selain dari umat Islam, sebab Muhammad El-Rasul sudah dapat mengadakan suatu masyarakat baru dalam tempo satu keturunan (23 tahun) yang tidak dapat ditiru atau diperbuat oleh orang lain".</br></br>
Masa kerasulan Muhammad Saw pada akhir periode Madienah merupakan puncak (kulminasi) peradaban Islam, karena disitulah sistem Islam disempurnakan dan ditegakkan dalam kehidupan bermasyarakat, berbangsa dan bernegara.
"Pada hari ini telah Kusempurnakan untuk kamu agamamu, dan telah Ku-cukupkan kepadamu nikmat-Ku, dan telah Ku-ridhai Islam itu jadi agama bagimu". (QS. Al-Maidah ayat 3).</br></br>
Generasi masa itu merupakan generasi terbaik sebagaimana firman Alloh Swt:"Kamu adalah umat yang terbaik yang dilahirkan untuk manusia, menyuruh kepada yang ma'ruf, dan mencegah dari yang munkar, dan beriman kepada Alloh". (QS. Ali Imran ayat 110).</br>
</br>
</font></side2>
<footer>
<font color="black" face="Arial" size="4">
<div align="center">
<table color="#fffff" cellpadding="5" width="1350",height="250">
<tbody>
<tr>
<span style="background-color : #006699">
<td align="right" width="250"></td>
<td><hr color="#fffff" size="1" width="950"></td>
<td width="250"></td>
</span>
</tr>
</tbody>
</table>
copyright © M. Badrul Haq
</div>
</font>
</footer>
<font color="black" face="Arial" size="4"></font>
</font></font></font></font></font>
</body>
</html>
SCIPT CSS :
body {margin: 10px auto;
width: 1050px;
}
.header,nav,section,footer {
display:block;}
.header {
height:200px;
width:1350px;
background-image:url(head.jpg);}
.nav{float:left;
width:1050px;
height:60px;
background:blue;
margin-right:5px;}
.nav #button a:active{
background-color:white;
}
.nav #search{
margin:5px;
margin-right:10px;
}
.section{float:left;
width:1350px;
height:517px;
background-image:url(chelsea.jpg);}
side2 {float: right;
height:528px;
width:680px;
border:2px dashed black;
}
.footer {width:1350px;
clear:both;
height:60px;
background-image:url(foot.jpg);}
ul li a {display: block;
text-decoration:none;
line-height:2px;
color:#F90;
padding:10px;
background:#505050;
margin:1px 1px;}
ul {margin:1;
padding:0;
list-style: none;}
ul li {position: relative;
float: left;
width:135px;}
li ul {position: absolute;
top: 1px;
display: none;}
0 komentar:
Posting Komentar