Anda di halaman 1dari 15

Oleh Dyah Ayu Wulandari 1102412106

PENGERTIAN
HTML yang singkatan dari HyperText Markup Language merupakan sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Penjelajah web Internet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. HTML5 adalah revisi kelima dari HTML (yang pertama kali diciptakan pada tahun 1990 dan versi keempatnya, HTML4, pada tahun 1997[1]) dan hingga bulan Juni 2011 masih dalam pengembangan

CONTOH STRUKTUR DASAR HTML5


<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Judul halaman</title> </head> <body> <p>Contoh Isi Halaman</p> </body> </html>

FITUR DOMINAN PADA HTML5


Fitur Multimedia

Dalam HTML5 kita bisa menambahkan video dan audio lebih mudah tanpa memerlukan komponen/librari tambahan
Fitur Grafik

HTML5 menyediakan cara menanamkan objek gambar secara instan dengan fitur <svg>...</svg> untuk menambahkan jenis gambar SVG(Scalable Vector Graphics) dan <canvas>..</canvas> untuk membuat gambar
Fitur Aplikasi

HTML5 juga menambahkan fitur aplikasi yang diperkaya dengan database lokal sehingga memungkinkan informasi disajikan lebih dinamis

FITUR BARU PADA HTML5

Unsur kanvas untuk menggambar Video dan elemen audio untuk media pemutaran

Dukungan yang lebih baik untuk penyimpanan secara offline


Elemen konten yang lebih spesifik, seperti artikel, footer, header, nav, section

Bentuk kontrol form seperti kalender, tanggal, waktu, email, url, search

TUJAN DIBUAT HTML5


Fitur baru harus didasarkan pada HTML, CSS, DOM, dan JavaScript
Mengurangi kebutuhan untuk plugin eksternal ( Seperti Flash ) Penanagan kesalahan yang lebih baik

Lebih markup untuk menggantikan scripting


HTML5 merupakan perangkat mandiri Proses pembangunan dapat terlihat untuk umum

KELEBIHAN 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

PERKEMBANGAN HTML
HTML versi 1.0

Kemampuan yang dimiliki versi 1.0 ini antara lain heading, paragraph, hypertext, list, serta cetak tebal dan miring pada teks. Versi ini juga mendukung peletakan image pada dokumennya tanpa memperbolehkan meletakkan teks disekelilingnya (wrapping). HTMl versi 2.0 Pada versi ini, penambahan kualitas HTML terletak pada kemampuannya untuk menampilkan suatu form pada dokumen. Dengan adanya form ini, maka kita dapat memasukkan nama, alamat, serta saran/kritik. HTML versi 2.0 ini merupakan pionir dari adanya homepage interaktif.

HTML versi 3.0

HTML versi 3.0 menambahkan beberapa fasilitas baru seperti table. Versi ini yang disebut juga sebagai HTML+ tidak bertahan lama dan segera digantikan HTML versi 3.2 HTML versi 4.0 HTML versi 4 ini memuat banyak sekali perubahan dan revisi dari pendahulunya. Perubahan ini terjadi di hampir segala perintah-perintah HTML seperti table, image, link, text, meta, imagemaps, form, dan lain- lain. HTML versi 5 HTML versi 5 ini merupakan HTML versi terakhir pada saat sumber ini diambil. Pada HTML ini memiliki fitur baru yaitu : Unsur kanvas untuk menggambar, Video dan elemen audio untuk media pemutaran, Dukungan yang lebih baik untuk penyimpanan secara offline, Elemen konten yang lebih spesifik, seperti artikel, footer, header, nav, section, Bentuk kontrol form seperti kalender, tanggal, waktu, email, url, search.

PERBEDAAN HTML DAN HTML5


Fitur Embed Video Directly.

Biasanya kita sering menggunakan iframe pada tag HTML untuk mengembed video, sekarang anda tidak perlu lagi embed dengan iframe yang menyebabkan situs/blog anda sulit diakses. Fitur ini sering disebut canvas Templating Embeded Pada HTML sebelumnya, untuk membuat sebuah website. Kita harus mengerti tentang CSS. Sekarang anda bisa langsung membuat template website secara otomatis dengan HTML5 Web worker. Kita sering menggunakan javascript, ketika multitrheading script yang kita buat terlalu banyak. Hal itu menyebabkan akses pada web menjadi lama. Web worker ini bisa menjadi penawar web yang menggunakan banyak javascript karena kabarnya bisa mempercepat tampilan website anda walaupun javascript yang terimplant pada website anda banyak.

Semantic

HTML5 mengimplementasikan semantic terbaru, hal ini dilakukan agar pengguna tidak salah dalam menggunakan tag atau span. Semantic di HTML5 bisa memperbaiki semuanya, seperti pada pembuatan menu. Kita bisa menggunakan nav untuk membuat navigasi yang sempurna. Local storage. Chace di optimisasi oleh webmaster terutama bagi web yang berat. Biasanya sering di aktivkan chace untuk web mereka jadi ketika anda mengakses situs mereka, anda tidak mendownload web mereka secara keseluruhan melainkan hanya updatenya saja. Namun chace juga mempunyai batasan. Hanya sedikit yang bisa di tampung dalam chace sehingga ketika web tersebut memang total sizenya banyak pasti banyak yang hilang. HTML5 sudah bisa menyimpan banyak bahkan video.

TAG, ATRIBUT DAN VALUE


TAG

`TAG adalah penandaan yang dikenali oleh browser sebagai suatu instruksi untuk memformat tulisan, gambar, link, tabel, atau objek pada sebuah tampilan dokumen HTML. TAG biasanya dituliskan berpasangan, yang maksudnya adalah memberitahukan kepada browser dimana posisi awal dan posisi akhir sebuah format dokumen. ATRIBUT Atribut dalam HTML adalah perintah yang disisipkan/ditempelkan pada TAG utama yang tujuanya adalah mengatur bentuk/gaya tampilan sebuah objek
VALUE

Value adalah nilai yang diberikan pada sebuah atribut. Value ada beberapa jenis, bisa value text seperti left, right, center, red, blue, bisa juga angka 1, 2, 3, bisa juga bentuk pixel : 100, 200, atau bentuk persen 100%, 30%, ada juga yang bentuk hexa seperti warna yang ditulis color="#000" dll.

INPUT TYPE YANG ADA PADA HTML5


Input Type: Color Input Type: Date

Fitur ini dapat digunakan agar pengguna memilih warna. Fitur ini dapat digunakan agar pengguna Tanggal.

Input Type: Datetime

Input Type: DatetimeLocal Input Type: Email

Fitur ini dapat digunakan agar pengguna Tanggal dan Bagian Waktu
Fitur ini dapat digunakan agar pengguna Tanggal da

Input Type: Month

Fitur ini dapat digunakan agar pengguna Dapat memasukan email, tanpa di verifikasi email check n Bagian Waktu. Tidak menggunakan Zona Waktu
Fitur ini dapat digunakan agar pengguna Dapat memilih Bulan

Input Type: Range

Fitur ini dapat membuat pengguna memilih sebuah angka rata rata
Input Type: Search

Fitur ini dapat membuat kotak search dengan program sederhana


Input Type: Tel

Fitur ini dapat membuat telephone input


Input Type: Time

Fitur ini dapat membuat time input


Input Type: URL

Fitur ini dapat membuat URL Input


Input Type: Week

Fitur ini dapat membuat visitor memilih bulan pada form yang ada