• Like
Html5
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Published

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
88
On SlideShare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. PENGENALAN HTML5 DAN PERBEDAANNYA DENGAN XTML Nama NIM Rombel : Ika Susila J : (1102412035) : 03
  • 2. HTML (HyperText Mark up Language) merupakan suatu metode untuk mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen. HTML bukan merupakan suatu bahasa pemrograman namun hanya memberi tanda (marking up) pada suatu naskah Pengertian HTML5
  • 3. HTML5 adalah suatu spesifikasi atau standard yang dikeluarkan oleh W3C (World Wide Web Consortium) sebagai revisi dari standard HTML. Saat ini ditulis kita banyak menjumpai aplikasi web yang masih menggunakan standard HTML4 namun beberapa sudah mulai migrasi ke standard web HTML5.
  • 4.  HTML5 telah dipublikasikan secara resmi oleh W3C pada bulan Mei 2011 dan rencananya akan terus dikembangkan hingga tahun 2014 nanti. Walaupun HTML5 masih terus dikembangkan, jangan khawatir untuk menggunakan HTML5 karena saat ini HTML5 hanya membutuhkan penyempurnaan saja, sudah tidak lagi berada di masa percobaan yang bisa berstatus produksi gagal
  • 5.  Tahun 2004 diadakan workshop tentang evolusi untuk HTML5 dan saat itulah muncul ide-ide dan gagasan tentang Semantic Web. Tahun 2007, W3C ikut serta dalam pengembangan HTML5 dan terbentuklah suatu komunitas WHATWG (Web Hypertext Application Technology Working Group). Perusahaan besar seperti Mozilla, Opera dan Apple mengakui HTML5 dipublikasikan oleh W3C dengan lisensi komunitas WHATWG. Sejarah HTML5
  • 6.  Sejauh ini browser desktop maupun browser mobile sudah mampu mengimplementasikan HTML5, walaupun belum sepenuhnya sempurna. Browser yang saat ini paling maju untuk fitur HTML5 atau semantic web adalah Google Chrome.
  • 7. Kelebihan  Merupakan bahasa pengkodean yang lintas platform (cross platform)  Dukungan yang lebih baik untuk penyimpanan secara offline  Penulisan kode yang lebih efisien  Dapat disisipi gambar  Mengurangi kebutuhan untuk plugin eksternal  Konten yang ada di situs lebih mudah terindeks oleh search engine Kelebihan dan Kelemahan HTML5
  • 8. Kelemahan  Memiliki tag-tag yang begitu banyak sehingga susah dipelajari untuk yang masih awam  Tidak dapat menghasilkan halaman yang interaktif  masih dalam pengembangan, beberapa browser pendukung HTML5 : Safari, Chrome, Firefox, dan Opera
  • 9.      Canvas Audio dan Video Local Storage Web Workers Semantics Fitur HTML5
  • 10. Elemen XHTML harus tersusun secara benar  XHTML merupakan dokumen yang “wellformed”  Nama tag harus menggunakan huruf kecil  Semua elemen XHTML harus memiliki penutup  Perbedaan HTML dengan XTML
  • 11.  Buat folder Membuat Website Html5
  • 12.        Basic Mark Up Memasukan script pendukung ke dalam bagian Body html Masukkan kode silahkan copy ke Notepad ++ atau lainnnya kemudian simpan dengan nama index.html di folder yang telah kamu tulis Setelah semua terkumpul di folder yang terdiri dari file index.html, style.css dan folder images kini saatnya kita memanggil di browser dengan mengetikan urlnya untuk memanggil file css kita perlu menambahkan script ini di bawah tag <title> <link href="style.css" rel="stylesheet" type="text/css" />
  • 13. Cara Untuk Menguji Browser Support HTML5 pertama-tama pastikan komputer anda sudah terhubung dengan internet dan arahkan ke alamat web sebagai berikut http://html5test.com
  • 14. Sebagai contoh ilustrasi, penulis menggunakan browser Firefox versi 3.6.13 menghasilkan skor 139 dan bonus skor 4 seperti yang terlihat pada gambar dibawah ini.
  • 15. Terima Kasih