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 (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

The Story of Overseas Sales Agent
The Story of Overseas Sales AgentThe Story of Overseas Sales Agent
The Story of Overseas Sales AgentShay Priove
 
Detailed opening sequence analysis
Detailed opening sequence analysisDetailed opening sequence analysis
Detailed opening sequence analysisg321markrattigan
 
Davis Pauline - resume
Davis Pauline - resumeDavis Pauline - resume
Davis Pauline - resumePauline Davis
 
Ascolto minore
Ascolto minore   Ascolto minore
Ascolto minore imartini
 
Mechelaars op reis : Rombaut Faydherbe, zoon van Lucas
Mechelaars op reis : Rombaut Faydherbe, zoon van LucasMechelaars op reis : Rombaut Faydherbe, zoon van Lucas
Mechelaars op reis : Rombaut Faydherbe, zoon van LucasMarc Alcide
 
Makalah android
Makalah androidMakalah android
Makalah androidutia yahya
 
осінні канікули»
осінні канікули»осінні канікули»
осінні канікули»freedom_Z
 
общественное достояние и авторское_право
общественное достояние и авторское_правообщественное достояние и авторское_право
общественное достояние и авторское_правоSarkis Darbinyan
 
Progressive Homes_Reference
Progressive Homes_ReferenceProgressive Homes_Reference
Progressive Homes_ReferenceMarek ?up
 
Siti Karina H(108114012) Mey Ferdita S.P (108114017)
 Siti Karina H(108114012) Mey Ferdita S.P (108114017) Siti Karina H(108114012) Mey Ferdita S.P (108114017)
Siti Karina H(108114012) Mey Ferdita S.P (108114017)Mey Ferdita Putri
 
Quient_N_Luke15.11-32_Text-Analysis pdf
Quient_N_Luke15.11-32_Text-Analysis pdfQuient_N_Luke15.11-32_Text-Analysis pdf
Quient_N_Luke15.11-32_Text-Analysis pdfNicholas Quient
 
PortfolioGLPI_Graphics_Engine
PortfolioGLPI_Graphics_EnginePortfolioGLPI_Graphics_Engine
PortfolioGLPI_Graphics_EngineParminder Singh
 

Viewers also liked (20)

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

Similar to HTML5 Pengertian, Tujuan, Elemen Baru dan Kelebihan

Html power point
Html power pointHtml power point
Html power pointminmon
 
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt044249
 
Ppt html5 rully_amrizal_1102412020
Ppt html5 rully_amrizal_1102412020Ppt html5 rully_amrizal_1102412020
Ppt html5 rully_amrizal_1102412020mutia902
 
Ristianawati 2114 r0800 html5
Ristianawati 2114 r0800 html5Ristianawati 2114 r0800 html5
Ristianawati 2114 r0800 html5Ristianawati
 
Tugas 8 rekayasa web
Tugas 8 rekayasa webTugas 8 rekayasa web
Tugas 8 rekayasa webrizkyripai
 
Tugas 8 rekayasa web 1312510231 rostarina
Tugas 8 rekayasa web 1312510231 rostarinaTugas 8 rekayasa web 1312510231 rostarina
Tugas 8 rekayasa web 1312510231 rostarinaosta92
 

Similar to HTML5 Pengertian, Tujuan, Elemen Baru dan Kelebihan (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

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
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Makalah java
Makalah javaMakalah java
Makalah java
 
Makalah java
Makalah javaMakalah java
Makalah java
 
Microtik
MicrotikMicrotik
Microtik
 
Microtik
MicrotikMicrotik
Microtik
 
Cloud computing
Cloud computingCloud computing
Cloud computing
 
Cloud computing
Cloud computingCloud computing
Cloud computing
 
Microtik
MicrotikMicrotik
Microtik
 
Microtik
MicrotikMicrotik
Microtik
 

Recently uploaded

BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptx
BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptxBAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptx
BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptxJamhuriIshak
 
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATASMATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATASKurniawan Dirham
 
Tugas 1 pembaruan dlm pembelajaran jawaban tugas tuton 1.docx
Tugas 1 pembaruan dlm pembelajaran jawaban tugas tuton 1.docxTugas 1 pembaruan dlm pembelajaran jawaban tugas tuton 1.docx
Tugas 1 pembaruan dlm pembelajaran jawaban tugas tuton 1.docxmawan5982
 
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptx
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptxDESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptx
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptxFuzaAnggriana
 
Contoh Laporan Observasi Pembelajaran Rekan Sejawat.pdf
Contoh Laporan Observasi Pembelajaran Rekan Sejawat.pdfContoh Laporan Observasi Pembelajaran Rekan Sejawat.pdf
Contoh Laporan Observasi Pembelajaran Rekan Sejawat.pdfCandraMegawati
 
Materi Pertemuan 6 Materi Pertemuan 6.pptx
Materi Pertemuan 6 Materi Pertemuan 6.pptxMateri Pertemuan 6 Materi Pertemuan 6.pptx
Materi Pertemuan 6 Materi Pertemuan 6.pptxRezaWahyuni6
 
Paparan Refleksi Lokakarya program sekolah penggerak.pptx
Paparan Refleksi Lokakarya program sekolah penggerak.pptxPaparan Refleksi Lokakarya program sekolah penggerak.pptx
Paparan Refleksi Lokakarya program sekolah penggerak.pptxIgitNuryana13
 
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptx
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptxRefleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptx
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptxIrfanAudah1
 
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKAMODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKAAndiCoc
 
Kelompok 1_Karakteristik negara jepang.pdf
Kelompok 1_Karakteristik negara jepang.pdfKelompok 1_Karakteristik negara jepang.pdf
Kelompok 1_Karakteristik negara jepang.pdfCloverash1
 
Tugas 1 ABK di SD prodi pendidikan guru sekolah dasar.docx
Tugas 1 ABK di SD prodi pendidikan guru sekolah dasar.docxTugas 1 ABK di SD prodi pendidikan guru sekolah dasar.docx
Tugas 1 ABK di SD prodi pendidikan guru sekolah dasar.docxmawan5982
 
442539315-ppt-modul-6-pend-seni-pptx.pptx
442539315-ppt-modul-6-pend-seni-pptx.pptx442539315-ppt-modul-6-pend-seni-pptx.pptx
442539315-ppt-modul-6-pend-seni-pptx.pptxHendryJulistiyanto
 
Aksi nyata disiplin positif Hj. Hasnani (1).pdf
Aksi nyata disiplin positif Hj. Hasnani (1).pdfAksi nyata disiplin positif Hj. Hasnani (1).pdf
Aksi nyata disiplin positif Hj. Hasnani (1).pdfDimanWr1
 
aku-dan-kebutuhanku-Kelas 4 SD Mapel IPAS
aku-dan-kebutuhanku-Kelas 4 SD Mapel IPASaku-dan-kebutuhanku-Kelas 4 SD Mapel IPAS
aku-dan-kebutuhanku-Kelas 4 SD Mapel IPASreskosatrio1
 
Lembar Observasi Pembelajaran di Kelas.docx
Lembar Observasi Pembelajaran di  Kelas.docxLembar Observasi Pembelajaran di  Kelas.docx
Lembar Observasi Pembelajaran di Kelas.docxbkandrisaputra
 
Modul 1.2.a.8 Koneksi antar materi 1.2.pdf
Modul 1.2.a.8 Koneksi antar materi 1.2.pdfModul 1.2.a.8 Koneksi antar materi 1.2.pdf
Modul 1.2.a.8 Koneksi antar materi 1.2.pdfSitiJulaeha820399
 
Kelompok 2 Karakteristik Negara Nigeria.pdf
Kelompok 2 Karakteristik Negara Nigeria.pdfKelompok 2 Karakteristik Negara Nigeria.pdf
Kelompok 2 Karakteristik Negara Nigeria.pdftsaniasalftn18
 
Aksi Nyata Modul 1.1 Calon Guru Penggerak
Aksi Nyata Modul 1.1 Calon Guru PenggerakAksi Nyata Modul 1.1 Calon Guru Penggerak
Aksi Nyata Modul 1.1 Calon Guru Penggeraksupriadi611
 
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptx
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptxAKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptx
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptxWirionSembiring2
 
Bab 6 Kreatif Mengungap Rasa dan Realitas.pdf
Bab 6 Kreatif Mengungap Rasa dan Realitas.pdfBab 6 Kreatif Mengungap Rasa dan Realitas.pdf
Bab 6 Kreatif Mengungap Rasa dan Realitas.pdfbibizaenab
 

Recently uploaded (20)

BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptx
BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptxBAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptx
BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptx
 
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATASMATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
 
Tugas 1 pembaruan dlm pembelajaran jawaban tugas tuton 1.docx
Tugas 1 pembaruan dlm pembelajaran jawaban tugas tuton 1.docxTugas 1 pembaruan dlm pembelajaran jawaban tugas tuton 1.docx
Tugas 1 pembaruan dlm pembelajaran jawaban tugas tuton 1.docx
 
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptx
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptxDESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptx
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptx
 
Contoh Laporan Observasi Pembelajaran Rekan Sejawat.pdf
Contoh Laporan Observasi Pembelajaran Rekan Sejawat.pdfContoh Laporan Observasi Pembelajaran Rekan Sejawat.pdf
Contoh Laporan Observasi Pembelajaran Rekan Sejawat.pdf
 
Materi Pertemuan 6 Materi Pertemuan 6.pptx
Materi Pertemuan 6 Materi Pertemuan 6.pptxMateri Pertemuan 6 Materi Pertemuan 6.pptx
Materi Pertemuan 6 Materi Pertemuan 6.pptx
 
Paparan Refleksi Lokakarya program sekolah penggerak.pptx
Paparan Refleksi Lokakarya program sekolah penggerak.pptxPaparan Refleksi Lokakarya program sekolah penggerak.pptx
Paparan Refleksi Lokakarya program sekolah penggerak.pptx
 
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptx
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptxRefleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptx
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptx
 
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKAMODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
 
Kelompok 1_Karakteristik negara jepang.pdf
Kelompok 1_Karakteristik negara jepang.pdfKelompok 1_Karakteristik negara jepang.pdf
Kelompok 1_Karakteristik negara jepang.pdf
 
Tugas 1 ABK di SD prodi pendidikan guru sekolah dasar.docx
Tugas 1 ABK di SD prodi pendidikan guru sekolah dasar.docxTugas 1 ABK di SD prodi pendidikan guru sekolah dasar.docx
Tugas 1 ABK di SD prodi pendidikan guru sekolah dasar.docx
 
442539315-ppt-modul-6-pend-seni-pptx.pptx
442539315-ppt-modul-6-pend-seni-pptx.pptx442539315-ppt-modul-6-pend-seni-pptx.pptx
442539315-ppt-modul-6-pend-seni-pptx.pptx
 
Aksi nyata disiplin positif Hj. Hasnani (1).pdf
Aksi nyata disiplin positif Hj. Hasnani (1).pdfAksi nyata disiplin positif Hj. Hasnani (1).pdf
Aksi nyata disiplin positif Hj. Hasnani (1).pdf
 
aku-dan-kebutuhanku-Kelas 4 SD Mapel IPAS
aku-dan-kebutuhanku-Kelas 4 SD Mapel IPASaku-dan-kebutuhanku-Kelas 4 SD Mapel IPAS
aku-dan-kebutuhanku-Kelas 4 SD Mapel IPAS
 
Lembar Observasi Pembelajaran di Kelas.docx
Lembar Observasi Pembelajaran di  Kelas.docxLembar Observasi Pembelajaran di  Kelas.docx
Lembar Observasi Pembelajaran di Kelas.docx
 
Modul 1.2.a.8 Koneksi antar materi 1.2.pdf
Modul 1.2.a.8 Koneksi antar materi 1.2.pdfModul 1.2.a.8 Koneksi antar materi 1.2.pdf
Modul 1.2.a.8 Koneksi antar materi 1.2.pdf
 
Kelompok 2 Karakteristik Negara Nigeria.pdf
Kelompok 2 Karakteristik Negara Nigeria.pdfKelompok 2 Karakteristik Negara Nigeria.pdf
Kelompok 2 Karakteristik Negara Nigeria.pdf
 
Aksi Nyata Modul 1.1 Calon Guru Penggerak
Aksi Nyata Modul 1.1 Calon Guru PenggerakAksi Nyata Modul 1.1 Calon Guru Penggerak
Aksi Nyata Modul 1.1 Calon Guru Penggerak
 
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptx
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptxAKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptx
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptx
 
Bab 6 Kreatif Mengungap Rasa dan Realitas.pdf
Bab 6 Kreatif Mengungap Rasa dan Realitas.pdfBab 6 Kreatif Mengungap Rasa dan Realitas.pdf
Bab 6 Kreatif Mengungap Rasa dan Realitas.pdf
 

HTML5 Pengertian, Tujuan, Elemen Baru dan Kelebihan

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