HTML 5
Utia Fauziah Yahya
1102412021
Pengertian
HTML5 adalah suatu spesifikasi atau standard
yang dikeluarkan oleh W3C (World Wide Web
Consortium) sebagai revisi dari standard HTML.
HTML5 dimaksudkan untuk menggolongkan
tidak hanya HTML 4, tapi XHTML 1 dan DOM Level 2
HTML juga. HTML5 ini merupakan hasil proyek dari
lembaga persatuan website dunia, World Wide Web
Consortium (W3C) dan Web Hypertext Application
Technology Working Group (WHATWG). Proyek
tersebut dimulai di tahun 2009 untuk
menyempurnakan bahasa penanda sebelumnya
yang dianggap sudah lawas. Tujuan utama dengan
adanya HTML5 adalah mengurangi penggunaan
plugin-plugin 3rd party pada HTML sehingga dapat
mempercepat kinerja web itu sendiri.
Tujuan
Tujuan utamanya telah 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).
Dan juga mengurangi penggunaan pluginplugin 3rd party pada HTML sehingga dapat
mempercepat kinerja web itu sendiri. Pluginplugin tersebut seperti Adobe Flash, Microsft
Silverlight, Java dan lain-lainnya.
Dasar-Dasar HTML





Mendesain HTML berarti melakukan suatu
tindakan pemrograman. Namun HTML
bukanlah sebuah bahasa pemrograman.
Namun HTML hanyalah berisi perintahperintah yang telah terstruktur berupa tag-tag
penyusun.
Mendesain HTML dapat dilakukan dengan
dua cara:
Menggunakan HTML Editor, seperti Microsoft
FrontPage, Adobe Dreamweaver, dan lain-lain.
Dengan cara menuliskan sendiri secara
manual satu persatu tag-tag HTML ke dalam
Elemen baru di HTML 5
Demi mewujudkan struktur halaman web yang
lebih baik semantik dan
aksesibilitasnya, dikenalkanlah beberapa
elemen baru, diantaranya:
 section
 Article
 aside
 header
 footer
 figure, video, audio, source, embed, canvas
Atribut baru di HTML 5






Dikenalkan pula beberapa atribut
baru, seperti:
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.
Beberapa kelebihan yang
dijanjikan pada 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)
Terima Kasih…

More Related Content

PPTX
Ppt html5
DOCX
PPTX
Powerpoint Html5
PPTX
Tugas8 ku-0316-debbiemistikaweni-1412510982
PPTX
H t m l
PPTX
Tugas 8 rekayasa web 1211510944 art david
PPTX
Tugas 8 rekayasa web
Ppt html5
Powerpoint Html5
Tugas8 ku-0316-debbiemistikaweni-1412510982
H t m l
Tugas 8 rekayasa web 1211510944 art david
Tugas 8 rekayasa web

What's hot (18)

PPTX
TUGAS 8 – REKAYASA WEB (KU) - 1311511057 - RADEN DONI WIJOYO
PPTX
Tugas 8 rekweb
PPTX
Tugas8 [ku]-0316-kahfi arif akbar-1012501571
PPTX
H t m l PPT
PPT
Tugas pbw chapter 18_flex 2 and ria
PPTX
Tugas 8 rekayasa web
PPTX
Tugas 8 – rekayasa web
PPTX
Hml5 ppt
PPT
Pengenalan html5
PPTX
html
PPTX
Tugas 8
PPTX
Tugas 8
DOCX
DOC
Modul web programing
PPTX
Tugas 8 rekweb
PPTX
Tugas 8 rekayasa web
PPTX
Fajar satrio Html5
PPTX
Tugas 8 ku - 0316 1311511529
TUGAS 8 – REKAYASA WEB (KU) - 1311511057 - RADEN DONI WIJOYO
Tugas 8 rekweb
Tugas8 [ku]-0316-kahfi arif akbar-1012501571
H t m l PPT
Tugas pbw chapter 18_flex 2 and ria
Tugas 8 rekayasa web
Tugas 8 – rekayasa web
Hml5 ppt
Pengenalan html5
html
Tugas 8
Tugas 8
Modul web programing
Tugas 8 rekweb
Tugas 8 rekayasa web
Fajar satrio Html5
Tugas 8 ku - 0316 1311511529
Ad

Viewers also liked (20)

PPTX
عرض متزامن مع صوت
PDF
The Story of Overseas Sales Agent
DOCX
Detailed opening sequence analysis
PPTX
belleza natural
DOCX
Davis Pauline - resume
PPT
Ascolto minore
PPTX
Brics 2014
DOC
Mechelaars op reis : Rombaut Faydherbe, zoon van Lucas
PPTX
Makalah android
PPTX
осінні канікули»
PDF
общественное достояние и авторское_право
PPTX
Makalah java
PPTX
Valencia como te amo
PDF
Progressive Homes_Reference
PDF
Bibin Spare Parts
PPTX
Siti Karina H(108114012) Mey Ferdita S.P (108114017)
PDF
Quient_N_Luke15.11-32_Text-Analysis pdf
DOCX
PortfolioGLPI_Graphics_Engine
عرض متزامن مع صوت
The Story of Overseas Sales Agent
Detailed opening sequence analysis
belleza natural
Davis Pauline - resume
Ascolto minore
Brics 2014
Mechelaars op reis : Rombaut Faydherbe, zoon van Lucas
Makalah android
осінні канікули»
общественное достояние и авторское_право
Makalah java
Valencia como te amo
Progressive Homes_Reference
Bibin Spare Parts
Siti Karina H(108114012) Mey Ferdita S.P (108114017)
Quient_N_Luke15.11-32_Text-Analysis pdf
PortfolioGLPI_Graphics_Engine
Ad

Similar to Makalah html5 (16)

PPTX
Ppt html5
PPTX
Html5 ppt
PPTX
Html5
PPTX
Html power point
DOCX
Makalah html 5
PPTX
Html5 ppt
PPTX
Ppt html5 rully_amrizal_1102412020
PPTX
HTML5
DOCX
Html5
DOCX
Ristianawati 2114 r0800 html5
PPT
Tugas 8 rekayasa web
PPTX
Tugas 8
PPTX
Tugas 8 rekayasa web 1312510231 rostarina
DOCX
PPT
Tugas 8 – rekayasa web
Ppt html5
Html5 ppt
Html5
Html power point
Makalah html 5
Html5 ppt
Ppt html5 rully_amrizal_1102412020
HTML5
Html5
Ristianawati 2114 r0800 html5
Tugas 8 rekayasa web
Tugas 8
Tugas 8 rekayasa web 1312510231 rostarina
Tugas 8 – rekayasa web

More from utia yahya (20)

PDF
Tutorial mengshare data dengan rj45
PPTX
Makalah java
PDF
Makalah java
PDF
Microtik
PDF
Makalah html5
PDF
PPTX
Jquery
PDF
Makalah android
PDF
Cloud computing
PPT
Cloud computing
PPTX
Makalah android
PPTX
Makalah html5
PDF
Makalah java
PPTX
Makalah java
PPTX
Microtik
PPTX
Microtik
PDF
Cloud computing
PPT
Cloud computing
PDF
Microtik
PPTX
Microtik
Tutorial mengshare data dengan rj45
Makalah java
Makalah java
Microtik
Makalah html5
Jquery
Makalah android
Cloud computing
Cloud computing
Makalah android
Makalah html5
Makalah java
Makalah java
Microtik
Microtik
Cloud computing
Cloud computing
Microtik
Microtik

Recently uploaded (20)

PDF
Laktasi dan Menyusui (MK Askeb Esensial Nifas, Neonatus, Bayi, Balita dan Ana...
PDF
Laporan Hibah dengan menggunakan NVivo.pdf
PPTX
PPT SILVIA YULITA dompet digtal shopeepay
PDF
RPP Pelajaran Mendalam deep learning IPA
PPTX
893548301-Panduan-Kokurikuler-Tahun_2025.pptx
DOCX
Modul Ajar Pembelajaran Mendalam PKWU Kerajinan Kelas 12 Terbaru 2025
PPTX
Ulangan Harian Kelas 7 Merancang Percobaan, Metode ilmiah SMP IBRAHIMY 1 Suko...
PDF
Buku Teks KSSM Sains Sukan Tingkatan Empat
PPTX
Berpikir_Komputasional_Kelas5_IlustrasiKosong.pptx
PPTX
Pengimbasan pembelajaran mendalam (deep learning
PDF
Modul Ajar Deep Learning Pendidikan Pancasila Kelas 6 Kurikulum Merdeka
PDF
IN1.2.E. kelompok 2.docx kerangka pembelajaran mendalam.pdf
DOCX
Lembar Kerja 02 analisis studi kasus Inkuiri Kolaboratif.docx
PDF
2. ATP Fase F - PA. Islam (1)-halaman-1-digabungkan.pdf
PPTX
Inkuiri_Kolaboratif_Pembelajaran_Mendalam (1).pptx
PDF
12. KSP SD Runiah Makassar OK School.pdf
PPTX
Tools of Digital Media in Marketing Era Digital 4.0_WEBINAR PDPTN "Digital Ma...
DOCX
Modul ajar kelas 5 tentang adoo ul jismi
PPTX
Aminullah Assagaf_B34_Statistik Ekonometrika.pptx
PPTX
Digital Marketing Dasar Untuk Pemula.pptx
Laktasi dan Menyusui (MK Askeb Esensial Nifas, Neonatus, Bayi, Balita dan Ana...
Laporan Hibah dengan menggunakan NVivo.pdf
PPT SILVIA YULITA dompet digtal shopeepay
RPP Pelajaran Mendalam deep learning IPA
893548301-Panduan-Kokurikuler-Tahun_2025.pptx
Modul Ajar Pembelajaran Mendalam PKWU Kerajinan Kelas 12 Terbaru 2025
Ulangan Harian Kelas 7 Merancang Percobaan, Metode ilmiah SMP IBRAHIMY 1 Suko...
Buku Teks KSSM Sains Sukan Tingkatan Empat
Berpikir_Komputasional_Kelas5_IlustrasiKosong.pptx
Pengimbasan pembelajaran mendalam (deep learning
Modul Ajar Deep Learning Pendidikan Pancasila Kelas 6 Kurikulum Merdeka
IN1.2.E. kelompok 2.docx kerangka pembelajaran mendalam.pdf
Lembar Kerja 02 analisis studi kasus Inkuiri Kolaboratif.docx
2. ATP Fase F - PA. Islam (1)-halaman-1-digabungkan.pdf
Inkuiri_Kolaboratif_Pembelajaran_Mendalam (1).pptx
12. KSP SD Runiah Makassar OK School.pdf
Tools of Digital Media in Marketing Era Digital 4.0_WEBINAR PDPTN "Digital Ma...
Modul ajar kelas 5 tentang adoo ul jismi
Aminullah Assagaf_B34_Statistik Ekonometrika.pptx
Digital Marketing Dasar Untuk Pemula.pptx

Makalah html5

  • 1. HTML 5 Utia Fauziah Yahya 1102412021
  • 2. Pengertian HTML5 adalah suatu spesifikasi atau standard yang dikeluarkan oleh W3C (World Wide Web Consortium) sebagai revisi dari standard HTML. HTML5 dimaksudkan untuk menggolongkan tidak hanya HTML 4, tapi XHTML 1 dan DOM Level 2 HTML juga. HTML5 ini merupakan hasil proyek dari lembaga persatuan website dunia, World Wide Web Consortium (W3C) dan Web Hypertext Application Technology Working Group (WHATWG). Proyek tersebut dimulai di tahun 2009 untuk menyempurnakan bahasa penanda sebelumnya yang dianggap sudah lawas. Tujuan utama dengan adanya HTML5 adalah mengurangi penggunaan plugin-plugin 3rd party pada HTML sehingga dapat mempercepat kinerja web itu sendiri.
  • 3. Tujuan Tujuan utamanya telah 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). Dan juga mengurangi penggunaan pluginplugin 3rd party pada HTML sehingga dapat mempercepat kinerja web itu sendiri. Pluginplugin tersebut seperti Adobe Flash, Microsft Silverlight, Java dan lain-lainnya.
  • 4. Dasar-Dasar HTML   Mendesain HTML berarti melakukan suatu tindakan pemrograman. Namun HTML bukanlah sebuah bahasa pemrograman. Namun HTML hanyalah berisi perintahperintah yang telah terstruktur berupa tag-tag penyusun. Mendesain HTML dapat dilakukan dengan dua cara: Menggunakan HTML Editor, seperti Microsoft FrontPage, Adobe Dreamweaver, dan lain-lain. Dengan cara menuliskan sendiri secara manual satu persatu tag-tag HTML ke dalam
  • 5. Elemen baru di HTML 5 Demi mewujudkan struktur halaman web yang lebih baik semantik dan aksesibilitasnya, dikenalkanlah beberapa elemen baru, diantaranya:  section  Article  aside  header  footer  figure, video, audio, source, embed, canvas
  • 6. Atribut baru di HTML 5    Dikenalkan pula beberapa atribut baru, seperti: 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. Beberapa kelebihan yang dijanjikan pada 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)