HTML SCRIPTING MODUL 6 DASAR

7 Nov

HTML SCRIPTING
Mungkin masih banyak orang yang bingung tentang HTML,disini akan dijelaskan apa HTML itu HTML itu sekumpulan kode logika yang diapit oleh tag untuk mengatur bagaimana tampilan sebuah dokumen web dan kandungan informasinya.
-HTML disajikan dalam bahasa web
-HTML pada umumnya berisi informasi
-HTML bisa hasil dari representasi bahasa pemrograman server side seperti PHP,JSP,NET,dll.
Tidak sembarang kita bisa menulis html,karena ada aturannya yang diatur oleh sebuah oranisasi bernama W3C.
HTML 5
HTML 5 adalah generasi dari HTML 4.01 dan merupakan hasil kerja sama antara W3C dengan WHAT WG.HTML 5 ini akan menjadi standar baru dari html,xhtml,dan html DOM.contoh web site yang menggunakan HTML 5 adalah youtube karena tidak menggunakan flash lagi tapi menggunakan syntag.
Didalam HTML 5 kita tidak perlu repot seperti di HTML karena :

Canvas

Dulu, untuk bisa memberikan interaksi menggambar di halaman web kita harus memakai applet Java atau Flash. HTML 5 akan memberikan satu opsi tambahan: canvas. Seperti namanya, canvas adalah media yang bisa dicorat-coret langsung. Tidak lagi perlu memuat plugin khusus. Cukup tambahkan dan javascript maka kita sudah bisa menggambar langsung di halaman web. Sekarang Anda bisa berimaginasi sendiri, kira-kira apa saja yang orang lakukan dengan canvas. Apa yang sebelumnya jadi monopoli Flash dan aplet Java akan di-take-over oleh .

Video dan Audio

Akan ada tag dan di HTML 5. Jadi tidak perlu lagi menempelkan flash untuk sekedar memutar audio. Format video yang didukung akan bervariasi terhadap browser, kemungkinan besar codecnya adalah Ogg Theora (patent free) dan H.264. Sepertinya sampai sekarang codecnya masih jadi kontroversi.

Local Storage

Masih ingat Google Gears? Sekarang storage untuk browser akan diakomodasi sebagai standard dalam HTML 5. Aplikasi bisa menyimpan data dalam jumlah lebih besar dari biasanya tanpa harus mengimplementasikan trik dengan cookie atau Flash. Tentunya ini kabar baik bagi pengembang aplikasi web. Mungkin bisa meningkatkan performa aplikasi dengan menggunakan storage sebagai local cache.

Web Workers

Yang ini juga sempat kita nikmati lewat Google Gears. Jika javascript biasanya yang kita nikmati di web kadangkala menyebabkan komputer kita melambat atau paling tidak membuat browser seperti sesak napas maka web worker akan bsia jadi pelega. Salah satu fitur web workers adalah threading. Kini javascript bisa dipakai untuk melakukan beberapa proses sekaligus tanpa harus menghambat proses terkait UI.

Semantics

Nah ini dia. Buat designer yang sering meng-abuse div dan span sebagia elemen nav, fret no more. Akan ada tag khusus untuk navigasi, section, footer, dll. Tag yang kaya semantic seperti ini pasti akan lebih bermanfaat dari pada tag yang hanya punya informasi format dan layout saja. Dan bagi mesin, HTML5 akan jadi lebih bisa dimengerti.

Tidak berhenti di situ saja, nantinya juga akan ada dukungan microformats yang lebih baik dari sekarang ini. Dukungan microformats ini akan memanfaatkan tag dan atribut baru yang diperkenalkan di HTML 5
Format Content dalam HTML
Dalam menulis html diperlukan pemformatan yang sesuai sehingga ada pemisahan antara satu kata dengan kalimat dan lain-lain.
Beberapa format untuk kontens teks webpage :
-heading
-paragraph
-break
-horizontal rule
-dan Format text

Blockquote dan Address

Blockquote digunakan untuk menulis kutipan teks sehingga akan menjorok ke kanan layar browser.Address adalah salah satu elemen yang umum di dalam suatu dokumen misalkan untuk penulisan alamat instansi ,perusahaan.

List

List adalah berfungsi untuk menjabarkan point-point informasi.Di dalam html ada 2 list yaitu ordered list dan unordered list.

Link

Link itu berfungsi untuk memberikan sebuah hubungan kepada sebuah konten ataupun dokumen lain dalam satu webpage ataupun ke semua ke semua konten yang berada dalam satu jaringan yang sama.

Beberapa value link nya :

_blank  :target URL akan dibuka di tab/jendela baru

_self      :target URL akan dibuka di tab yang sama

_parent :target URL akan dibuka pada tab /dokumen sebelumnya

_top :target URL akan dibuka di tab /jendela secara full

Beberapa jenis LInk :

-Link absolute,link relative,link bookmark.

Beberapa atribut pada tag embed   :

-src:alamat resource untuk dimasukan ke tag embed

-width:lebar area untuk resource yang akan dimunculkan

-height:tinggi area untuk resource yang akan dimunculkan

-href :membuat link pada objek

-volume :untuk menset besar suara

-plugnurl :url untuk instansi plugin.

Tinggalkan komentar