ianpanrita » html http://ianpanrita.com BELAJAR BERBAGI DAN BERPRESTASI Sun, 01 Jan 2012 01:37:30 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Belajar HTML5 http://ianpanrita.com/belajar-html5.ian/ http://ianpanrita.com/belajar-html5.ian/#comments Sat, 18 Sep 2010 16:16:00 +0000 ianpanrita http://ianpanrita.com/?p=229 Belajar HTML5 tidaklah sulit, cuma karna merupakan hal baru jadi masih kurang referensi atau tutorial mengenai HTML5. Disini saya akan berbagi sedikit mengenai HTML5, sebelumnya saya sudah membuat artikel mengenai unsur atau tag-tag baru pada HTML5.

Ok lansung aja kita belajar mengenai HTML5 dimulai dari membandingkan code HTML versi sebelumnya kemudian kita mengubahnya menjadi HTML5

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
	<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

        <style type="text/css">
		* { margin:0px; padding:0px;}
	</style>
	<script type="text/javascript" src="http://ianpanrita.com/blog/demo/js.js"></script>
</head>
<body>
<h1>Welcome To My Site</h1>
Bagian Artikel
</body>
</html>

<!DOCTYPE>, dalam dokumen HTML versi sebelumnya DOCTYPE dituliskan dengan

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Sedangkan pada HTML5 DOCTYPE cuma ditulis

<!DOCTYPE HTML>

wow ringkas banget, mudah diingat pastinya. DOCTYPE ditulis sebelum tag <html>. Fungsi dari doctype adalah memberitahukan ke browser bahwa tipe dokumen yang digunakan adalah HTML. Deklarasi DOCTYPE bukanlah tag HTML, yang merupakan instruksi untuk web browser tentang apa versi bahasa markup halaman website. Sangat penting bahwa kita menuliskan DOCTYPE dalam semua dokumen HTML, sehingga browser tahu apa jenis dokumen yang harus diharapkan.

kemudian pada META, Perbedaan Antara 4,01 HTML dan HTML 5, skema atribut tidak didukung dalam HTML 5 yang memiliki atribut baru, charset, yang membuatnya lebih mudah untuk menentukan charset.

Contoh :

HTML 4.01:
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
HTML 5:
<meta charset="ISO-8859-1">

Kemudian pada bagian style, kita suda ngak membutuhkan lagi type=”text/css” nya , untuk HTML5 kita ubah saja menjadi seperti berikut

<style>
		* { margin:0px; padding:0px;}
	</style>

kemudian pada tag script cukup ditulis dengan

<script src="http://cruzenaldo.com/jquery.js"></script>

Selanjutnya kita menambahkan beberapa tag-tag baru pada HTML5, seperti menambahkan Tag HEADER, NAV, ASIDE, dan FOOTER. Sedikit penjelasan mengenai tag yang akan kita tambahkan. Pertama Header biasanya digunakan untuk logo atau judul web kita. NAV digunakan untuk menu utama, berbeda dengan menu yang ada di sidebar loh dan NAV ini biasanya digunakan di dalam tag HEADER. Kemudian ada ASIDE untuk bagian sidebar dan FOOTER untuk bagian bawah tempat Copyright, dll. Sehingga hasilnya sebagai berikut :

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" />
<style>
		* { margin:0px; padding:0px;}
	</style>
	<script src="http://ianpanrita.com/blog/demo/js.js"></script>
</head>
<body>
	<header>
<h1>Welcome To My Site</h1>
Bagian Artikel
	<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Me</a></li>
</ul>
	</nav>
	</header>
	<aside>
<h2>Kategori</h2>
<ul>
<li><a href="#">Januari</a></li>
<li><a href="#">Februari</a></li>
</ul>
	</aside>
	<footer>
		copyleft by ianpanrita	</footer>
</body>
</html>

Namun Tag-tag baru pada HTML5 masih belum banyak browse yang support, agar dapat diakses pada bebrapa browse kita dapat menambahkan

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

Semoga artikel ini dapat membantu anda dalam belajar HTML5, amien….

Pencarian kata kunci di search engine :

  • belajar html5
  • belajar html 5
  • tutorial html 5
  • html5
  • artikel html5
  • HTML
  • perbedaan html dengan html5
  • belajar script HTML5
  • perbedaan html 5 dengan html sebelumnya
  • perbedaan html dan html5
]]> http://ianpanrita.com/belajar-html5.ian/feed/ 8 Apa itu HTML5 http://ianpanrita.com/apa-itu-html5.ian/ http://ianpanrita.com/apa-itu-html5.ian/#comments Sun, 08 Aug 2010 01:46:54 +0000 ianpanrita http://ianpanrita.com/?p=136 HTML5 merupakan standar baru untuk HTML, XHTML, dan DOM HTML. Sejak munculnya HTML versi 4.01, perkembangan website dunia semakin berkembang. Saat ini HTML5 masih dalam pengembangan, namun hanya beberapa browse sudah mendukung HTML5.

HTML5 merupakan hasil proyek dari W3C ( World Wide Web Consortium dan WHATWG ( Web Hypertext Application Technology Working Group ). Dimana WHATWG bekerja dengan bentuk web dan aplikasi dan W3C merupakan pengembang dari XHTML 2.0 pada tahun 2006, kemudian mereka memutuskan untuk bekerja sama dan membentuk versi baru dari HTML.

Berikut tujuan dibuatnya HTML5 :

  • Fitur baru harus didasarkan pada HTML, CSS, DOM, dan JavaScript
  • Mengurangi kebutuhan untuk plugin eksternal ( Seperti Flash )
  • Penanagan kesalahan yang lebih baik
  • Lebih markup untuk menggantikan scripting
  • HTML5 merupakan perangkat mandiri
  • Proses pembangunan dapat terlihat untuk umum

Fitur baru dalam HTML5 :

  • Unsur kanvas untuk menggambar
  • Video dan elemen audio untuk media pemutaran
  • Dukungan yang lebih baik untuk penyimpanan secara offline
  • Elemen konten yang lebih spesifik, seperti artikel, footer, header, nav, section
  • Bentuk kontrol form seperti kalender, tanggal, waktu, email, url, search.

Beberapa browse sudah mendukung HTML5 seperti safari, chrome, firefox, dan opera. Kabarnya IE9 ( Internet Exploree ) akan mendukung beberapa fitur dari HTML5

Pencarian kata kunci di search engine :

  • apa itu html5
  • apa itu html 5
  • html5
  • Perkembangan HTML 5
  • perkembangan html5
  • apa itu html5?
  • html 5 adalah
  • html 5
  • apa yang dimaksud dengan html5
  • Aplikasi Permainan Client Server Menggunakan J2ME
]]> http://ianpanrita.com/apa-itu-html5.ian/feed/ 3 Belajar membuat website dengan HTML5 http://ianpanrita.com/belajar-membuat-website-html5.ian/ http://ianpanrita.com/belajar-membuat-website-html5.ian/#comments Wed, 28 Jul 2010 18:34:50 +0000 ianpanrita http://ianpanrita.com/?p=79 XHTML 2 sudah mati, saatnya beralih ke HTML 5! Menurut W3C , XHTML 2 telah sudah tidak lagi dikembangkan dan W3C berencana untuk meningkatkan kelebihan dari HTML 5 saja. meskipun HTML 5 tidak akan sepenuhnya didukung hingga tahun 2022, tidak berarti bahwa kita tidak mempelajari dan pasti akan mempergunakanya.disini saya akan bagikan scripts HTML 5 Cheat Sheet yang berisi daftar tag , penjelasan, atribut dan apakah support dalam HTML 4.
namun beberapa browse masih belum support html5… tapi tidak ada salahnya untuk mempelajari hingga html 5 bener2 disempurnakan

Silahkan Download Cheat Sheet HTML 5 :

Cheat Sheet HTML 5

Pencarian kata kunci di search engine :

  • belajar html5
  • belajar HTML 5
  • membuat html5
  • tutorial html 5
  • cara membuat html5
  • membuat web dengan html5
  • membuat web dengan html 5
  • membuat website dengan html 5
  • membuat website dengan html5
  • membuat html 5
]]> http://ianpanrita.com/belajar-membuat-website-html5.ian/feed/ 11