SlideShare une entreprise Scribd logo
1  sur  10
HML5
Sofi Andriyanto
1102412047
Teknologi Pendidikan


Pengertian HTML5

HTML5 adalah suatu spesifikasi atau
standard yang dikeluarkan oleh W3C (World
Wide Web Consortium) sebagai revisi dari
standard HTML


Tujuan HTML5

Meningkatkan bahasa dengan
dukungan untuk multimedia terkini
dengan tetap mudah dibaca oleh
manusia dan secara konsisten
dimengerti oleh komputer dan
perangkat (web browser, parser, dll).


Struktur dasar HTML

HTML merupakan sebuah bahasa
pemrograman yang berisikan perintah
kepada browser yang telah terinstal
pada computer client, Bahasa
pemograman ini terdapat sebuah
elemen, tag dan attribute didalam
perintahnya.


-

Elemen baru di HTML 5

section
Article
Aside
Header
Footer
Dialog


Atribut baru di HTML 5

- atribut media, ping pada elemen

pranala,
- autofocus, placeholder, required,
autocomplete dan sebagainya, terkait
elemen input dan form
- reversed pada elemen ol untuk
urutan besar ke kecil.


Kelebihan HTML5

- Dapat ditulis dalam sintaks HTML (dengan
tipe media text/HTML) danXML.
- Integrasi yang lebih baik dengan aplikasi
situs dan pemrosesannya.
- Integrasi (‘inline’) dengan doctype yang
lebih sederhana.
- Penulisan kode yang lebih efisien.
- Konten yang ada di situs lebih mudah
terindeks oleh search engine.
Browser yang Mendukung HTML

- Opera Web Browser (mulai dari Opera
9.2 sampai yang terbaru saat ini yaitu opera 10)
- Safari (mulai dari versi 3.1)
- FireFox (Mulai dari FireFox 3 )
- Google Chrome (Mulai dari versi 3)
- Internet Explorer (Mulai dari versi 8)
Jenis-jenis HTML5

- HTML5 Semantic
- HTML5 Audio
- HTML5 Video
- HTML5 Canvas
- HTML5 Form Element
Selesai
Dan
Terima kasih

Contenu connexe

Tendances (9)

Tugas 2 rekayasa web
Tugas 2   rekayasa webTugas 2   rekayasa web
Tugas 2 rekayasa web
 
Tugas 4 rekayasa web (0916)
Tugas 4   rekayasa web (0916)Tugas 4   rekayasa web (0916)
Tugas 4 rekayasa web (0916)
 
Tugas 3
Tugas 3Tugas 3
Tugas 3
 
H t m l
H t m lH t m l
H t m l
 
Tugas 2 rekayasa web
Tugas 2 rekayasa webTugas 2 rekayasa web
Tugas 2 rekayasa web
 
Framework fb1
Framework fb1Framework fb1
Framework fb1
 
H t m l PPT
H t m l PPTH t m l PPT
H t m l PPT
 
Tugas 3 matkul rekayasa web 0317
Tugas 3 matkul rekayasa web 0317Tugas 3 matkul rekayasa web 0317
Tugas 3 matkul rekayasa web 0317
 
API
APIAPI
API
 

En vedette (9)

Kostolac 7
Kostolac 7Kostolac 7
Kostolac 7
 
Shared information systems
Shared information systemsShared information systems
Shared information systems
 
Hazards of blood transfusion: A surgeon’s perspective
Hazards of blood transfusion: A surgeon’s perspectiveHazards of blood transfusion: A surgeon’s perspective
Hazards of blood transfusion: A surgeon’s perspective
 
Kostolac7
Kostolac7Kostolac7
Kostolac7
 
Company Profile 2016 - Standard
Company Profile 2016 - StandardCompany Profile 2016 - Standard
Company Profile 2016 - Standard
 
Máy biến thế
Máy biến thếMáy biến thế
Máy biến thế
 
Ordim M.A.I. 87 din 2010 modificat 2015 prestari servicii
Ordim M.A.I. 87 din 2010 modificat 2015 prestari serviciiOrdim M.A.I. 87 din 2010 modificat 2015 prestari servicii
Ordim M.A.I. 87 din 2010 modificat 2015 prestari servicii
 
Cc 2354 ! pecados contra el sexto mandamiento ! la fornicación, pornografía.
Cc 2354 ! pecados contra el sexto mandamiento !  la fornicación, pornografía.Cc 2354 ! pecados contra el sexto mandamiento !  la fornicación, pornografía.
Cc 2354 ! pecados contra el sexto mandamiento ! la fornicación, pornografía.
 
Introduction to Yoga - A short Course
Introduction to Yoga - A short CourseIntroduction to Yoga - A short Course
Introduction to Yoga - A short Course
 

Similaire à Hml5 ppt

Ppt html5
Ppt html5Ppt html5
Ppt html5
mutianb
 

Similaire à Hml5 ppt (20)

Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Tugas 8 rekayasa web
Tugas 8   rekayasa webTugas 8   rekayasa web
Tugas 8 rekayasa web
 
Makalah html 5
Makalah html 5Makalah html 5
Makalah html 5
 
Tugas 8 – rekayasa web
Tugas 8 – rekayasa webTugas 8 – rekayasa web
Tugas 8 – rekayasa web
 
Ppt html5
Ppt html5Ppt html5
Ppt html5
 
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
 
Ppt html5
Ppt html5Ppt html5
Ppt html5
 
Html5
Html5 Html5
Html5
 
Html5
Html5Html5
Html5
 
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
 
Html 5
Html 5Html 5
Html 5
 
TUGAS 8 – REKAYASA WEB (KU) - 1311511057 - RADEN DONI WIJOYO
TUGAS 8 – REKAYASA WEB (KU) - 1311511057 - RADEN DONI WIJOYOTUGAS 8 – REKAYASA WEB (KU) - 1311511057 - RADEN DONI WIJOYO
TUGAS 8 – REKAYASA WEB (KU) - 1311511057 - RADEN DONI WIJOYO
 
Html 5
Html 5Html 5
Html 5
 
Tugas 8 – rekayasa web
Tugas 8 – rekayasa webTugas 8 – rekayasa web
Tugas 8 – rekayasa web
 
Tugas 8 rekayasa web
Tugas 8 rekayasa webTugas 8 rekayasa web
Tugas 8 rekayasa web
 
Tugas 8
Tugas 8Tugas 8
Tugas 8
 
Tugas 8 rekweb
Tugas 8   rekwebTugas 8   rekweb
Tugas 8 rekweb
 
Tugas 8 rekayasa web 1312510231 rostarina
Tugas 8 rekayasa web 1312510231 rostarinaTugas 8 rekayasa web 1312510231 rostarina
Tugas 8 rekayasa web 1312510231 rostarina
 
Pengenalan html5
Pengenalan html5Pengenalan html5
Pengenalan html5
 

Hml5 ppt

  • 2.  Pengertian HTML5 HTML5 adalah suatu spesifikasi atau standard yang dikeluarkan oleh W3C (World Wide Web Consortium) sebagai revisi dari standard HTML
  • 3.  Tujuan HTML5 Meningkatkan bahasa dengan dukungan untuk multimedia terkini dengan tetap mudah dibaca oleh manusia dan secara konsisten dimengerti oleh komputer dan perangkat (web browser, parser, dll).
  • 4.  Struktur dasar HTML HTML merupakan sebuah bahasa pemrograman yang berisikan perintah kepada browser yang telah terinstal pada computer client, Bahasa pemograman ini terdapat sebuah elemen, tag dan attribute didalam perintahnya.
  • 5.  - Elemen baru di HTML 5 section Article Aside Header Footer Dialog
  • 6.  Atribut baru di HTML 5 - atribut media, ping pada elemen pranala, - autofocus, placeholder, required, autocomplete dan sebagainya, terkait elemen input dan form - reversed pada elemen ol untuk urutan besar ke kecil.
  • 7.  Kelebihan HTML5 - Dapat ditulis dalam sintaks HTML (dengan tipe media text/HTML) danXML. - Integrasi yang lebih baik dengan aplikasi situs dan pemrosesannya. - Integrasi (‘inline’) dengan doctype yang lebih sederhana. - Penulisan kode yang lebih efisien. - Konten yang ada di situs lebih mudah terindeks oleh search engine.
  • 8. Browser yang Mendukung HTML - Opera Web Browser (mulai dari Opera 9.2 sampai yang terbaru saat ini yaitu opera 10) - Safari (mulai dari versi 3.1) - FireFox (Mulai dari FireFox 3 ) - Google Chrome (Mulai dari versi 3) - Internet Explorer (Mulai dari versi 8)
  • 9. Jenis-jenis HTML5 - HTML5 Semantic - HTML5 Audio - HTML5 Video - HTML5 Canvas - HTML5 Form Element