SlideShare a Scribd company logo
1 of 9
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

What's hot

Tugas pbw chapter 18_flex 2 and ria
Tugas pbw chapter  18_flex 2 and riaTugas pbw chapter  18_flex 2 and ria
Tugas pbw chapter 18_flex 2 and ria
guestac4cf5
 

What's hot (18)

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
 
Tugas 8 rekweb
Tugas 8   rekwebTugas 8   rekweb
Tugas 8 rekweb
 
Tugas8 [ku]-0316-kahfi arif akbar-1012501571
Tugas8 [ku]-0316-kahfi arif akbar-1012501571Tugas8 [ku]-0316-kahfi arif akbar-1012501571
Tugas8 [ku]-0316-kahfi arif akbar-1012501571
 
H t m l PPT
H t m l PPTH t m l PPT
H t m l PPT
 
Tugas pbw chapter 18_flex 2 and ria
Tugas pbw chapter  18_flex 2 and riaTugas pbw chapter  18_flex 2 and ria
Tugas pbw chapter 18_flex 2 and ria
 
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
 
Hml5 ppt
Hml5 pptHml5 ppt
Hml5 ppt
 
Pengenalan html5
Pengenalan html5Pengenalan html5
Pengenalan html5
 
html
htmlhtml
html
 
Tugas 8
Tugas 8Tugas 8
Tugas 8
 
Tugas 8
Tugas 8Tugas 8
Tugas 8
 
Html 5
Html 5Html 5
Html 5
 
Modul web programing
Modul web programingModul web programing
Modul web programing
 
Tugas 8 rekweb
Tugas 8 rekwebTugas 8 rekweb
Tugas 8 rekweb
 
Tugas 8 rekayasa web
Tugas 8   rekayasa webTugas 8   rekayasa web
Tugas 8 rekayasa web
 
Fajar satrio Html5
Fajar satrio Html5Fajar satrio Html5
Fajar satrio Html5
 
Tugas 8 ku - 0316 1311511529
Tugas 8   ku - 0316 1311511529Tugas 8   ku - 0316 1311511529
Tugas 8 ku - 0316 1311511529
 

Viewers also liked

الحوسبة السحابية
الحوسبة السحابيةالحوسبة السحابية
الحوسبة السحابية
hayat1434
 
Representation in the news
Representation in the newsRepresentation in the news
Representation in the news
rayJMA
 
Merlyn reference letter - Australian Hearing
Merlyn reference letter - Australian HearingMerlyn reference letter - Australian Hearing
Merlyn reference letter - Australian Hearing
Merlyn Merlyn
 
Mcmurray letter page 1
Mcmurray letter page 1Mcmurray letter page 1
Mcmurray letter page 1
alphaomega10
 

Viewers also liked (8)

الحوسبة السحابية
الحوسبة السحابيةالحوسبة السحابية
الحوسبة السحابية
 
Microtik
MicrotikMicrotik
Microtik
 
Makalah java
Makalah javaMakalah java
Makalah java
 
Representation in the news
Representation in the newsRepresentation in the news
Representation in the news
 
Merlyn reference letter - Australian Hearing
Merlyn reference letter - Australian HearingMerlyn reference letter - Australian Hearing
Merlyn reference letter - Australian Hearing
 
Mcmurray letter page 1
Mcmurray letter page 1Mcmurray letter page 1
Mcmurray letter page 1
 
Carte noel 2013 ppt
Carte noel 2013 pptCarte noel 2013 ppt
Carte noel 2013 ppt
 
Makalah java
Makalah javaMakalah java
Makalah java
 

Similar to Makalah html5 (16)

Ppt html5
Ppt html5Ppt html5
Ppt html5
 
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
 
Html5
Html5Html5
Html5
 
Html power point
Html power pointHtml power point
Html power point
 
Makalah html 5
Makalah html 5Makalah html 5
Makalah html 5
 
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
 
Ppt html5 rully_amrizal_1102412020
Ppt html5 rully_amrizal_1102412020Ppt html5 rully_amrizal_1102412020
Ppt html5 rully_amrizal_1102412020
 
HTML5
HTML5HTML5
HTML5
 
Html5
Html5Html5
Html5
 
Ristianawati 2114 r0800 html5
Ristianawati 2114 r0800 html5Ristianawati 2114 r0800 html5
Ristianawati 2114 r0800 html5
 
Tugas 8 rekayasa web
Tugas 8 rekayasa webTugas 8 rekayasa web
Tugas 8 rekayasa web
 
Tugas 8
Tugas 8Tugas 8
Tugas 8
 
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
 
Html5
Html5Html5
Html5
 
Tugas 8 – rekayasa web
Tugas 8 – rekayasa webTugas 8 – rekayasa web
Tugas 8 – rekayasa web
 

More from utia yahya (20)

Tutorial mengshare data dengan rj45
Tutorial mengshare data dengan rj45Tutorial mengshare data dengan rj45
Tutorial mengshare data dengan rj45
 
Makalah java
Makalah javaMakalah java
Makalah java
 
Makalah java
Makalah javaMakalah java
Makalah java
 
Microtik
MicrotikMicrotik
Microtik
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Jqu
JquJqu
Jqu
 
Jquery
JqueryJquery
Jquery
 
Makalah android
Makalah androidMakalah android
Makalah android
 
Cloud computing
Cloud computingCloud computing
Cloud computing
 
Cloud computing
Cloud computingCloud computing
Cloud computing
 
Makalah android
Makalah androidMakalah android
Makalah android
 
Microtik
MicrotikMicrotik
Microtik
 
Cloud computing
Cloud computingCloud computing
Cloud computing
 
Cloud computing
Cloud computingCloud computing
Cloud computing
 
Microtik
MicrotikMicrotik
Microtik
 
Microtik
MicrotikMicrotik
Microtik
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Makalah android
Makalah androidMakalah android
Makalah android
 
Makalah android
Makalah androidMakalah android
Makalah android
 

Recently uploaded

Membuat Komik Digital Berisi Kritik Sosial.docx
Membuat Komik Digital Berisi Kritik Sosial.docxMembuat Komik Digital Berisi Kritik Sosial.docx
Membuat Komik Digital Berisi Kritik Sosial.docx
NurindahSetyawati1
 
SEJARAH PERKEMBANGAN KEPERAWATAN JIWA dan Trend Issue.ppt
SEJARAH PERKEMBANGAN KEPERAWATAN JIWA dan Trend Issue.pptSEJARAH PERKEMBANGAN KEPERAWATAN JIWA dan Trend Issue.ppt
SEJARAH PERKEMBANGAN KEPERAWATAN JIWA dan Trend Issue.ppt
AlfandoWibowo2
 
PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptx
PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptxPPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptx
PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptx
dpp11tya
 
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ika
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ikabab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ika
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ika
AtiAnggiSupriyati
 
BAB 5 KERJASAMA DALAM BERBAGAI BIDANG KEHIDUPAN.pptx
BAB 5 KERJASAMA DALAM BERBAGAI BIDANG KEHIDUPAN.pptxBAB 5 KERJASAMA DALAM BERBAGAI BIDANG KEHIDUPAN.pptx
BAB 5 KERJASAMA DALAM BERBAGAI BIDANG KEHIDUPAN.pptx
JuliBriana2
 

Recently uploaded (20)

MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdfMODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
 
Sosialisasi PPDB SulSel tahun 2024 di Sulawesi Selatan
Sosialisasi PPDB SulSel tahun 2024 di Sulawesi SelatanSosialisasi PPDB SulSel tahun 2024 di Sulawesi Selatan
Sosialisasi PPDB SulSel tahun 2024 di Sulawesi Selatan
 
DEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptx
DEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptxDEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptx
DEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptx
 
PPT Mean Median Modus data tunggal .pptx
PPT Mean Median Modus data tunggal .pptxPPT Mean Median Modus data tunggal .pptx
PPT Mean Median Modus data tunggal .pptx
 
Membuat Komik Digital Berisi Kritik Sosial.docx
Membuat Komik Digital Berisi Kritik Sosial.docxMembuat Komik Digital Berisi Kritik Sosial.docx
Membuat Komik Digital Berisi Kritik Sosial.docx
 
KELAS 10 PERUBAHAN LINGKUNGAN SMA KURIKULUM MERDEKA
KELAS 10 PERUBAHAN LINGKUNGAN SMA KURIKULUM MERDEKAKELAS 10 PERUBAHAN LINGKUNGAN SMA KURIKULUM MERDEKA
KELAS 10 PERUBAHAN LINGKUNGAN SMA KURIKULUM MERDEKA
 
MATEMATIKA EKONOMI MATERI ANUITAS DAN NILAI ANUITAS
MATEMATIKA EKONOMI MATERI ANUITAS DAN NILAI ANUITASMATEMATIKA EKONOMI MATERI ANUITAS DAN NILAI ANUITAS
MATEMATIKA EKONOMI MATERI ANUITAS DAN NILAI ANUITAS
 
Aksi Nyata PMM Topik Refleksi Diri (1).pdf
Aksi Nyata PMM Topik Refleksi Diri (1).pdfAksi Nyata PMM Topik Refleksi Diri (1).pdf
Aksi Nyata PMM Topik Refleksi Diri (1).pdf
 
SEJARAH PERKEMBANGAN KEPERAWATAN JIWA dan Trend Issue.ppt
SEJARAH PERKEMBANGAN KEPERAWATAN JIWA dan Trend Issue.pptSEJARAH PERKEMBANGAN KEPERAWATAN JIWA dan Trend Issue.ppt
SEJARAH PERKEMBANGAN KEPERAWATAN JIWA dan Trend Issue.ppt
 
PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptx
PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptxPPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptx
PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptx
 
RENCANA & Link2 Materi Pelatihan_ "Teknik Perhitungan TKDN, BMP, Preferensi H...
RENCANA & Link2 Materi Pelatihan_ "Teknik Perhitungan TKDN, BMP, Preferensi H...RENCANA & Link2 Materi Pelatihan_ "Teknik Perhitungan TKDN, BMP, Preferensi H...
RENCANA & Link2 Materi Pelatihan_ "Teknik Perhitungan TKDN, BMP, Preferensi H...
 
Integrasi nasional dalam bingkai bhinneka tunggal ika
Integrasi nasional dalam bingkai bhinneka tunggal ikaIntegrasi nasional dalam bingkai bhinneka tunggal ika
Integrasi nasional dalam bingkai bhinneka tunggal ika
 
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptxPendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
 
7.PPT TENTANG TUGAS Keseimbangan-AD-AS .pptx
7.PPT TENTANG TUGAS Keseimbangan-AD-AS .pptx7.PPT TENTANG TUGAS Keseimbangan-AD-AS .pptx
7.PPT TENTANG TUGAS Keseimbangan-AD-AS .pptx
 
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ika
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ikabab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ika
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ika
 
PELAKSANAAN + Link2 Materi BimTek _PTK 007 Rev-5 Thn 2023 (PENGADAAN) & Perhi...
PELAKSANAAN + Link2 Materi BimTek _PTK 007 Rev-5 Thn 2023 (PENGADAAN) & Perhi...PELAKSANAAN + Link2 Materi BimTek _PTK 007 Rev-5 Thn 2023 (PENGADAAN) & Perhi...
PELAKSANAAN + Link2 Materi BimTek _PTK 007 Rev-5 Thn 2023 (PENGADAAN) & Perhi...
 
BAB 5 KERJASAMA DALAM BERBAGAI BIDANG KEHIDUPAN.pptx
BAB 5 KERJASAMA DALAM BERBAGAI BIDANG KEHIDUPAN.pptxBAB 5 KERJASAMA DALAM BERBAGAI BIDANG KEHIDUPAN.pptx
BAB 5 KERJASAMA DALAM BERBAGAI BIDANG KEHIDUPAN.pptx
 
MAKALAH KELOMPOK 7 ADMINISTRASI LAYANAN KHUSUS.pdf
MAKALAH KELOMPOK 7 ADMINISTRASI LAYANAN KHUSUS.pdfMAKALAH KELOMPOK 7 ADMINISTRASI LAYANAN KHUSUS.pdf
MAKALAH KELOMPOK 7 ADMINISTRASI LAYANAN KHUSUS.pdf
 
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptxSesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
 
Membaca dengan Metode Fonik - Membuat Rancangan Pembelajaran dengan Metode Fo...
Membaca dengan Metode Fonik - Membuat Rancangan Pembelajaran dengan Metode Fo...Membaca dengan Metode Fonik - Membuat Rancangan Pembelajaran dengan Metode Fo...
Membaca dengan Metode Fonik - Membuat Rancangan Pembelajaran dengan Metode Fo...
 

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)