Top Banner
PENGENALAN HTML5 DAN PERBEDAANNYA DENGAN XTML Nama : Ika Susila J NIM : (1102412035) Rombel : 03
15

Html5

Jul 08, 2015

Download

Documents

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Html5

PENGENALAN HTML5 DAN PERBEDAANNYA DENGAN

XTML

Nama : Ika Susila JNIM : (1102412035)Rombel : 03

Page 2: Html5

Pengertian HTML5

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

Page 3: Html5

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.

Page 4: Html5

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

Page 5: Html5

Sejarah HTML5

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.

Page 6: Html5

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.

Page 7: Html5

Kelebihan dan Kelemahan HTML5

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

Page 8: Html5

Kelemahan

Memiliki tag-tag yang begitu banyaksehingga susah dipelajari untuk yang masih awam

Tidak dapat menghasilkan halaman yang interaktif

masih dalam pengembangan, beberapa browser pendukung HTML5 : Safari, Chrome, Firefox, dan Opera

Page 9: Html5

Fitur HTML5

Canvas

Audio dan Video

Local Storage

Web Workers

Semantics

Page 10: Html5

Perbedaan HTML dengan XTML

Elemen XHTML harus tersusun secara benar

XHTML merupakan dokumen yang “well-formed”

Nama tag harus menggunakan huruf kecil

Semua elemen XHTML harus memiliki penutup

Page 11: Html5

Membuat Website Html5

Buat folder

Page 12: Html5

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" />

Page 13: Html5

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

Page 14: Html5

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.

Page 15: Html5

Terima Kasih