Praktikum Disain Web – HTML Tujuan : 1. Memahami tentang konsep HTML 2. Memahami fitur-fitur baru pada HTML5 3. Memahami aturan penulisan HTML khususnya HTML5 4. Membuat dokumen web dengan HTML khususnya HTML5 A. Pengenalan HTML Hypertext Markup Language merupkan standard bahasa yang di gunakan untuk menampilkan document web, yang bisa anda lakukan dengan HTML yaitu: Mengontrol tampilan dari web page dan contentnya. Mempublikasikan document secara online sehingga bisa di akses dari seluruh dunia. Membuat online form yang bisa di gunakan untuk menangani pendaftaran, transaksi secara online. Menambahkan object-object seperti image, audio, video dan juga java applet dalam document HTML. B. HTML Version Berikut versi HTML :
Deklarasi membantu browser untuk menampilkan sebuah halaman web dengan benar. Browser hanya dapat menampilkan halaman HTML 100% dengan benar jika browser tahu tipe dan versi yang digunakan. Berikut deklarasi umum dari tiap versi :
C. HTML5 HTML 5 adalah standard baru dari HTML.
Sumber : Fitur baru dalam HTML5: Unsur
untuk menggambar 2D. dan elemen untuk media pemutaran. Dukungan yang lebih baik untuk penyimpanan secara offline. Elemen konten yang lebih spesifik, seperti <artikel>, , , ,< section>. Bentuk kontrol form seperti kalender, tanggal, waktu, e-mail, URL, search. Menampilkan posisi (Geolocation) Web Storage : localStorage(stores data with no expiration date) and sessionStorage(stores data for one session) digunakan untuk menggambar grafis, biasanya menggunakan Java Script. Unsur hanyalah sebuah tempat untuk menggambar grafis, sedangkan grafis dibuat menggunakan script. Berikut pendeklarasian umumnya Sedangkan untuk menambahkan border , gunakan atribut style :Play/Pause Big Small Normal <source src="video.mp4" type="video/mp4"> Your browser does not support HTML5 video.
<script> var myVideo=document.getElementById("video1"); function playPause() { if (myVideo.paused) myVideo.play(); else myVideo.pause(); } function makeBig() { myVideo.width=560; } function makeSmall() { myVideo.width=320; } function makeNormal() { myVideo.width=420; } Element Element ElementThe "Last name" field below is outside the form element, but still part of the form.
Last name:
