SlideShare a Scribd company logo
1 of 15
PENGENALAN HTML5 DAN
PERBEDAANNYA DENGAN
XTML
Nama
NIM
Rombel

: Ika Susila J
: (1102412035)
: 03
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
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.


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


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


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.
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
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






Canvas
Audio dan Video
Local Storage
Web Workers
Semantics

Fitur HTML5
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


Buat folder

Membuat Website 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" />
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
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.
Terima Kasih

More Related Content

What's hot

Tugas 8 rekayasa web 1211510944 art david
Tugas 8 rekayasa web 1211510944 art davidTugas 8 rekayasa web 1211510944 art david
Tugas 8 rekayasa web 1211510944 art davidart david
 
Tugas8 ku-0316-debbiemistikaweni-1412510982
Tugas8 ku-0316-debbiemistikaweni-1412510982Tugas8 ku-0316-debbiemistikaweni-1412510982
Tugas8 ku-0316-debbiemistikaweni-1412510982debbie95
 
Ppt html5 rully_amrizal_1102412020
Ppt html5 rully_amrizal_1102412020Ppt html5 rully_amrizal_1102412020
Ppt html5 rully_amrizal_1102412020mutia902
 
fajar satrio Makalah html5
fajar satrio Makalah html5fajar satrio Makalah html5
fajar satrio Makalah html5Fajar Satrio
 
Tugas 8 rekayasa web
Tugas 8 rekayasa webTugas 8 rekayasa web
Tugas 8 rekayasa webUmmi khairani
 
Apa perbedaan wordpress dan blogspot
Apa perbedaan wordpress dan blogspotApa perbedaan wordpress dan blogspot
Apa perbedaan wordpress dan blogspotafandi fdi
 
Tugas 8 - Rekayasa Web
Tugas 8 - Rekayasa WebTugas 8 - Rekayasa Web
Tugas 8 - Rekayasa Webarisjunedi
 

What's hot (17)

Tugas 8 rekayasa web 1211510944 art david
Tugas 8 rekayasa web 1211510944 art davidTugas 8 rekayasa web 1211510944 art david
Tugas 8 rekayasa web 1211510944 art david
 
Tugas8 ku-0316-debbiemistikaweni-1412510982
Tugas8 ku-0316-debbiemistikaweni-1412510982Tugas8 ku-0316-debbiemistikaweni-1412510982
Tugas8 ku-0316-debbiemistikaweni-1412510982
 
Ppt html5 rully_amrizal_1102412020
Ppt html5 rully_amrizal_1102412020Ppt html5 rully_amrizal_1102412020
Ppt html5 rully_amrizal_1102412020
 
Tugas 8
Tugas 8Tugas 8
Tugas 8
 
fajar satrio Makalah html5
fajar satrio Makalah html5fajar satrio Makalah html5
fajar satrio Makalah html5
 
Tugas 8 – rekayasa web
Tugas 8 – rekayasa webTugas 8 – rekayasa web
Tugas 8 – rekayasa web
 
Tugas 8
Tugas 8Tugas 8
Tugas 8
 
html5
html5html5
html5
 
Tugas 8 rekayasa web
Tugas 8 rekayasa webTugas 8 rekayasa web
Tugas 8 rekayasa web
 
HTML5
HTML5HTML5
HTML5
 
Html 5
Html 5Html 5
Html 5
 
Tugas 8 rekweb
Tugas 8 rekwebTugas 8 rekweb
Tugas 8 rekweb
 
Apa perbedaan wordpress dan blogspot
Apa perbedaan wordpress dan blogspotApa perbedaan wordpress dan blogspot
Apa perbedaan wordpress dan blogspot
 
Tugas 8 - Rekayasa Web
Tugas 8 - Rekayasa WebTugas 8 - Rekayasa Web
Tugas 8 - Rekayasa Web
 
html
htmlhtml
html
 
Tugas rekweb 4
Tugas rekweb 4Tugas rekweb 4
Tugas rekweb 4
 
Blogger dan wordpress
Blogger dan wordpressBlogger dan wordpress
Blogger dan wordpress
 

Viewers also liked

Many low, middle and high income workers get just four or five hours of rest ...
Many low, middle and high income workers get just four or five hours of rest ...Many low, middle and high income workers get just four or five hours of rest ...
Many low, middle and high income workers get just four or five hours of rest ...Aneel Mitra
 
35 Habits of the Most Productive People (Infographic)
35 Habits of the Most Productive People (Infographic)35 Habits of the Most Productive People (Infographic)
35 Habits of the Most Productive People (Infographic)Aneel Mitra
 

Viewers also liked (6)

Many low, middle and high income workers get just four or five hours of rest ...
Many low, middle and high income workers get just four or five hours of rest ...Many low, middle and high income workers get just four or five hours of rest ...
Many low, middle and high income workers get just four or five hours of rest ...
 
35 Habits of the Most Productive People (Infographic)
35 Habits of the Most Productive People (Infographic)35 Habits of the Most Productive People (Infographic)
35 Habits of the Most Productive People (Infographic)
 
SQL Server in the AWS Cloud
SQL Server in the AWS CloudSQL Server in the AWS Cloud
SQL Server in the AWS Cloud
 
fashioneliza
fashionelizafashioneliza
fashioneliza
 
How Cyber Fraud Works
How Cyber Fraud WorksHow Cyber Fraud Works
How Cyber Fraud Works
 
Ppt android
Ppt androidPpt android
Ppt android
 

Similar to Html5 (19)

Ppt html5
Ppt html5Ppt html5
Ppt html5
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
 
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
 
Tugas 8 rekayasa web
Tugas 8   rekayasa webTugas 8   rekayasa web
Tugas 8 rekayasa web
 
Ristianawati 2114 r0800 html5
Ristianawati 2114 r0800 html5Ristianawati 2114 r0800 html5
Ristianawati 2114 r0800 html5
 
Html5
Html5Html5
Html5
 
Html power point
Html power pointHtml power point
Html power point
 
Html 5
Html 5Html 5
Html 5
 
Html5
Html5Html5
Html5
 
Tugas 8 rekayasa web 1312510231 rostarina
Tugas 8 rekayasa web 1312510231 rostarinaTugas 8 rekayasa web 1312510231 rostarina
Tugas 8 rekayasa web 1312510231 rostarina
 
Html 5
Html 5Html 5
Html 5
 
Makalah html 5
Makalah html 5Makalah html 5
Makalah html 5
 
Ppt
PptPpt
Ppt
 
Hml5 ppt
Hml5 pptHml5 ppt
Hml5 ppt
 
Html 5
Html 5Html 5
Html 5
 
Makalah html
Makalah htmlMakalah html
Makalah html
 
Makalah internet dan html
Makalah internet dan htmlMakalah internet dan html
Makalah internet dan html
 

Html5

  • 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
  • 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.