MEDIA PEMBELAJARAN: MENGENAL HTML5

Jumat, 21 Desember 2012

MENGENAL HTML5

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:

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 :

CONTOH KODE HTML

<!DOCTYPE html>
<html>
<body>
<h1>Ini adalah Judul<h1>
<h1>Ini adalah Paragraf<h1>
<html>
<body>

Kemudian lihat hasilnya di Browser.
Keterangan: