HTML5 adalah revisi kelima sekaligus versi terakhir dari HTML dan XHTML. HTML5 merupakan salah satu karya World Wide Web Consortium (W3C) untuk mendefinisikan sebuah bahasa markah tunggal yang dapat ditulis dengan cara HTML ataupun XHTML. Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar lebih mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia, serta mudah dimengerti oleh mesin. Adapun beberapa alasan digunakannya HTML5 adalah:
- Fiturnya masih berdasarkan pada HTML, CSS, DOM dan JavaScript.
- Mengurangi penggunaan plugin dari pihak ke tiga (seperti Flash dan Ms. Silverlight).
- Penanganan kesalahan lebih mudah direvisi.
- Lebih Markup dan Scripting.
- Lebih Independen.
- Pengembangan ke public yang lebih baik.
Pada HTML5 diperkenalkan beberapa elemen baru dan atribut yang merefleksikan tipikal penggunaan website modern. Beberapa diantaranya adalah pergantian yang bersifat semantik pada blok yang umum digunakan: yaitu elemen (<div>) dan inline (<span>). Sebagai contoh, (<span>) (sebagai blok navigasi website) dan <footer> (biasanya dikaitkan pada bagian bawah suatu website atau baris terakhir dari kode html). Banyak elemen lain yang memberikan kegunaan baru melalui interface yang telah distandarkan, seperti elemen multimedia <audio> dan <video>. Beberapa elemen yang telah ditinggalkan juga ditiadakan, termasuk elemen presentasi semata seperti <font> dan <center>, yang sebenarnya dapat dikerjakan menggunakan Cascading Style Sheet (CSS).
Untuk menambah keluwesan pemformatan, pada HTML5 telah dispesifikasikan pengkodean application programming interfaces (APIs). Beberapa APIs terbaru pada HTML5 antara lain:
Untuk menambah keluwesan pemformatan, pada HTML5 telah dispesifikasikan pengkodean application programming interfaces (APIs). Beberapa APIs terbaru pada HTML5 antara lain:
- Elemen <canvas>, sebagai mode untuk menggambar objek dua dimensi (2D).
- Elemen <video> dan <audio> untuk media pemutaran (timed media playback)
- Penyuntingan dokumen
- Dukungan untuk penyimpanan lokal
- Adanya elemen untuk konten-spesifik, seperti <article>, <footer>, <header>, <nav>, dan <section>
- Drag and Drop
- Cross-document messaging
Dengan HTML Anda dapat membuat situs Web Anda sendiri. Tutorial ini mengajarkan Anda segala sesuatu tentang HTML. HTML mudah dipelajari karena disini saya akan memberikan banyak contoh HTML, dan dengan editor HTML anda dapat mengedit HTML dan melihat Hasilnya pada browser anda.dalam praktek awal anda dapat menggunakan Notepad standart windows.
Buka Aplikasi Notepad, kemudian ketikan kode HTML dibawah ini dan save as type all document. jangan lupa!!! buat file name dengan akhiran .html atau htm. misalnya : belajar.html
Contoh :
Kemudian lihat hasilnya di Browser.
Keterangan:
Buka Aplikasi Notepad, kemudian ketikan kode HTML dibawah ini dan save as type all document. jangan lupa!!! buat file name dengan akhiran .html atau htm. misalnya : belajar.html
Contoh :
| CONTOH KODE HTML |
| <!DOCTYPE html> <html> <body> <h1>Ini adalah Judul<h1> <h1>Ini adalah Paragraf<h1> <html> <body> |
Keterangan:
- Deklarasi DOCTYPE mendefinisikan jenis dokumen
- Teks antara <html> dan </ html> menjelaskan halaman web
- Teks antara <body> dan </ body> adalah isi halaman yang terlihat
- Teks antara <h1> dan </ h1> ditampilkan sebagai judul
- Teks antara <p> dan </ p> ditampilkan sebagai sebuah paragraf
| DOCTYPE adalah Deklarasi untuk HTML5 : <DOCTYPE html!> |
Elemen Baru HTML5
Elemen Markup
Elemen Media
