Minggu, 09 November 2014
Assalamualaikum,
Kali ini saya akan memberikan syntax html hasil dari tugas pratikum saya, seperti dibawah ini :
Untuk menu utama atau home, sytaxnya adalah
<html>
<head>
<script type='text/javascript'>
var name = prompt("Selamat Datang !", "Nama Anda");
alert("Salam Kenal "+name);
alert("Selamat Membaca :)");
</script>
<title>Homepage</title>
</head>
<base target="target">
<body background="awesome.jpg">
<center>
<br>
<b><h1>
Welcome to My HomePage
</h1></b><br>
<marquee behaviour="alternate">
<img src="1.jpg"width="320px" height="240px">
<img src="2.jpg"width="320px" height="240px">
<img src="3.jpg"width="320px" height="240px">
<img src="4.jpg"width="320px" height="240px">
<img src="5.jpg"width="320px" height="240px">
<img src="6.jpg"width="320px" height="240px">
<img src="7.jpg"width="320px" height="240px">
</marquee>
<br>
</center>
</body>
</html>
Kali ini saya akan memberikan syntax html hasil dari tugas pratikum saya, seperti dibawah ini :
Untuk menu utama atau home, sytaxnya adalah
<html>
<head>
<script type='text/javascript'>
var name = prompt("Selamat Datang !", "Nama Anda");
alert("Salam Kenal "+name);
alert("Selamat Membaca :)");
</script>
<title>Homepage</title>
</head>
<base target="target">
<body background="awesome.jpg">
<center>
<br>
<b><h1>
Welcome to My HomePage
</h1></b><br>
<marquee behaviour="alternate">
<img src="1.jpg"width="320px" height="240px">
<img src="2.jpg"width="320px" height="240px">
<img src="3.jpg"width="320px" height="240px">
<img src="4.jpg"width="320px" height="240px">
<img src="5.jpg"width="320px" height="240px">
<img src="6.jpg"width="320px" height="240px">
<img src="7.jpg"width="320px" height="240px">
</marquee>
<br>
</center>
</body>
</html>
Selain menu home, ada juga biodata
<html>
<head>
<title> Homepage </title>
</head>
<base target="target">
<body bgcolor="mistyrose">
<center>
<table width="300" border="0">
<tr>
<td colspan="3"><div align="center"><font size="5" color="maroon">
<marquee behavior="alternate">
Biodata
</marquee>
</font></div><br></td></tr>
<tr>
<td> Nama Lengkap </td><td>:</td>
<td> Yayu Aprilika Yunus</td>
</tr>
<tr>
<td> Nickname </td><td>:</td>
<td> Yayu</td>
</tr>
<tr>
<td> N I M </td><td>:</td>
<td> H13114502</td>
</tr>
<tr>
<td> TTL </td><td>:</td>
<td> Salobulo, 15 April 1996</td>
</tr>
<tr>
<td> Agama </td><td>:</td>
<td> Islam</td>
</tr>
<tr>
<td> Twitter </td><td>:</td>
<td> @aprilikayayu </td>
</tr>
</table>
<img src="yayu.jpg" width="240px" height="320px">
<center>
</body>
</html>
About
<html>
<head>
<title> Homepage </title>
</head>
<base target="target">
<body bgcolor="mistyrose">
<center>
<h4>
Assalamualaikum,
<font face="times new roman" bgcolor="black" size="2">
<p align="justify">
Berikut ini sedikit tentang saya.
Nama saya Yayu Aprilika Yunus dan biasa dipanggil dengan nama Yayu.
Nama saya berasal dari nama orangtua saya yaitu Nur Jaya dan Yunus
Yusuf yang apabila disingkat akan menjadi Yayu. Sedangkan Aprilika
itu sendiri, karena saya lahir di bulan April dan Ika artinya satu
atau bisa dikatakan sebagai anak pertama. Saya lahir di Salobulo Kab.
Wajo pada hari Senin, 15 April 1996. Saya keturunan bugis Soppeng Wajo
(Sengkang). Saya juga bukan bugis sesungguhnya karena saya hanya bisa
memahami percakapan bugis namun sulit untuk mengucapkan bahasa bugis
itu sendiri. Begitu juga dengan kedua adik saya yang bernama Muh. Rezki
Yunus dan Yuni Aryana Yunus, mereka juga sulit untuk mengucapkan bahasa bugis.
</p>
</font>
<br>
<font face="times new roman" size="2">
<p align="justify">
Pada tahun 2001, saya memasuki TK MDI Manggala dan pada tahun 2002
hingga 2008, saya bersekolah di SD INPRES Antang 1 Makassar. Setelah
saya lulus dari SMP Neg. 23 Makassar pada tahun 2011, saya melanjutkan
pendidikan di SMK Telkom Sandhy Putra 2 Makassar jurusan Teknik Komputer
dan Jaringan dan lulus pada tahun 2014 ini.
</p>
</font>
<center>
<img src="edit ok.jpg">
</body>
</html>
Menu
<html>
<head>
<style type="text/css">
<!--
a:link {color:white; text-decoration:none; }
a:visited {color:white; text-decoration:none;}
a:hover {color:black; text-decoration:none;}
a:active {color:pink; text-decoration:none;}
-->
</style>
<script>
function goBack() {
window.history.back()
}
</script>
<title>Homepage</title>
</head>
<base target="target">
<body bgcolor="maroon">
<pre><font face="Fawn Script" size="4">
<a href="home.html">Home</a> <a href="about.html">About</a> <a href="biodata.html">Biodata</a> <a href="4.html">Sepatah Kata</a> <a href="galery.html">Galery</a> <button onclick="goBack()">Go Back</button>
</pre>
</font>
</body>
</html>
Untuk bagian header
<html>
<head>
<title>Homepage</title>
</head>
<body background="awesome.jpg">
<center>
<img src="welcomecat.gif"width="150" height="105">
</body>
</html>
Untuk index, disini berisi tampilan utama dengan menggunakan frameset
<html>
<head>
<script type="text/javascript"
src="http://ahmad-rifai-tools.googlecode.com/files/salju-blog.ahmadrifai.net.js" />
</script>
<script type="text/javascript">
snowStorm.snowColor = '#99ccff';
snowStorm.flakesMaxActive = 96;
snowStorm.useTwinkleEffect = true;
</script>
<title> Homepage </title>
</head>
<frameset rows="20%,70%" border="0">
<frame src="top.html" frameborder="0" noresize scrolling="no">
<frameset rows="25%,170%" border="0">
<frame src="menu.html" noresize="noresize">
<frameset cols="10%,50%" border="0">
<frame src="musik.html" noresize="noresize">
<frameset cols="20%" border="0">
<frame src="home.html" name="target" noresize scrolling="yes">
</frameset>
</frameset>
</html>
Untuk lebih lengkapnya, silahkan download pada link berikut
Semoga bermanfaat, Wassalamualaikum... :)
Langganan:
Posting Komentar (Atom)
0 komentar:
Posting Komentar