Wednesday, January 23, 2013

Learning HTML5 Part 1

Dear All....

Hello Guys....are u fine today....? i hope u all always finee...:)
 Today aq mau share mengenai apa yang sudah aq pelajari mengenai html5....buat teman2 yang ingin mempelajari html5 ini..mungkin ini bisa membantu kamu setidaknya tau basicnya ajah//...hehhe (aq br sempat belajrnya sekrng)...
Langsung ajah kita bahas makhluk apa sebnarnya HTML5 itu..hehehe :D
kita mulai denga pengenalan basicnya terlebih dahulu yah....

Chekiiiiidooot....!!!

Html5 is new html stanndart..(u know lah...:D)....
didalam html5 terdapat new Feature.....diantaranya :

  1. New Elements
  2. New Atributes
  3. Full CSS3 Support
  4. Video and Audio (<audio>,<video>, <source>,<embed>, dan <track>).
  5. 2D and 3D Graphic (Use Canvas).
  6. Local Storage
  7. Local SQL database, and
  8. Web Application.
Didalam Html5 terdapat beberapa rules..diantaranya :
  • New Feature should be html, css, javascript dan DOM.
  • Error Handlingnya lebih baik.
  • mengurangi / meringankan dalam penggunaan plugin eksternal, ex. Flash.
  • lebih lengkap markup untuk menggangtikan scipting
  • html5 should be device independent
  • proses develop nya should be on public
Dalam memulai html5 yang pertama sekali dilakukan yaitu men-declarasikan "<!doctype html>". didalam html5 kita dapat to draw graphic dengan menggunakan "html canvas". canvas memiliki beberapa method yang digunakan untuk drawing (Paths, boxes, cicle, characters and adding images). Secara umum canvas by default tidak memiliki border dan content, tetapi kita dapat membuatnya memiliki border dan content sesuai yang kita inginkan....(luar biasa bukan :D)..

Berikut adalah cara mendeklarasikan canvas by default :

<canvas id="mycanvas" width="200" height="100"></canvas>

untuk menambahkan border pada canvas,  silahkan tambahkan :

<canvas id="mycanvas" width="200" height="100" style="border:1px solid #000000;"></canvas>

Note :
  •  "border : 1px" merupakan size ketebalan border canvas (u can to change it with 2px, 5px dll).
  • solid merupakan pemilihan warna daripada canvas (like css colour)


For todays...cukup sampai disini ajah dulu yah....udah wktunya pulang nih....next time aq bakalan terus share kelanjutannya...so wait me 4 next time okayyy....seee u Allll ;)