JavaScript merupakan scrip yang digunakan untuk menambah desain pada HTML, sehingga halaman web yang dibuat menjadi lebih hidup. Walaupun namanya hampir mirip, dan juga merupakan sama-sama pemrograman berorientasi objek, namun JavaScript ini sangat berbeda dengan Java. Karena Java merupakan bahasa pemrograman yang lebih kompleks, sedangkan JavaScrip hanya merupakan bahasa pemrograman tambahan untuk dokumen HTML. Pada penggunaanya, JavaScript bersifat case sensitive, membedakan huruf besar dengan huruf kecil. Lain halnya dengan HTML yang tidak menghiraukan hal tersebut. Beberapa hal yang dapat dilakukan oleh JavaScrip antara lain:
1. JavaScript memberikan programming tool pada HTML, Dengan menggunakan JavaScript, seorang HTML Designer bias menambahkan program-program yang sederhana.
2. JavaScript dapat membaca dan menulis elemen HTML
3. JavaScript bias digunakan untuk melihat browser yang digunakan oleh pengunjung web.
4. JavaScript juga dapat digunakan untuk membuat cookies. Yaitu untuk memberikan informasi mengenai komputer pengunjung web, misalnya system operasi apa yang sedang digunakan.
Contoh penggunaan JavaScript:
<!DOCTYPE html>
<html>
<head>
<title>HTML5</title>
<header>
<h1 align="center">Header HTML 5</h1>
<hr size=1 color="black"/>
<p><time pubdate datetime="2011-03-15"></time></p>
</header>
<nav>
<a href="/home/">Home</a>
<a href="/profil/">Profil</a>
<a href="/contact/">Contact</a>
<a href="/About Us/">About Us</a>
</nav>
<hr size=1 color="black"/>
</head>
<body>
<article>
<h3>HTML 5</h3>
<p color="red">Ini adalah contoh penggunaan HTML 5</p>
<textarea rows="4" cols="50">
ini adalah contoh textarea
</textarea>
</article>
<hr size=1 color="black"/>
<footer>
<p><b>Contoh penggunaan JavaScript</b></p>
<!--ini bagian memulai javascript-->
<div id="contoh javascript"></div>
<script type="text/javascript">
txt = "<p>Browser CodeName: " + navigator.appCodeName + "</p>";
txt+= "<p>Browser Name: " + navigator.appName + "</p>";
txt+= "<p>Browser Version: " + navigator.appVersion + "</p>";
txt+= "<p>Cookies Enabled: " + navigator.cookieEnabled + "</p>";
txt+= "<p>Platform: " + navigator.platform + "</p>";
txt+= "<p>User-agent header: " + navigator.userAgent + "</p>";
document.getElementById("contoh javascript").innerHTML=txt;
</script>
<!--ini bagian mengakhiri javascript-->
<hr size=1 color="black"/>
© <i>design by </i> <span style="color:green">Dimas Setiawan</span>
</footer>
</body>
</html>
Screenshoot:
css n html5 donk???
ReplyDeletesilakan lihat postingan saya sebelumnya mas...
ReplyDeletehttp://the-diemask.blogspot.com/2012/03/contoh-penggunaan-html-5.html
http://the-diemask.blogspot.com/2012/03/contoh-penggunaan-css-dengan-html.html
wuiss...keren masbro ,ajari aku bljr javascript guru
ReplyDelete