Tag HTML 5 Yang Mungkin Belum Kalian Ketahui !

HTML5 adalah sebuah bahasa markah sebuah bahasa markah yang digunakan untuk membuat struktur dasar sebuah halaman web. HTML 5 adalah revisi kelima dari HTML dan hingga bulan juni 2011 masih dalam pengembangan. 

Pada postingan kali ini saya membagikan tentang beberapa TAG HTML5 yang mungkin kalian belum ketahui dan bahkan tidak pernah kalian gunakan. Apa saja kah itu ? Yuk simak dibawah ini. 

TAG HTML5 Yang Mungkin Belum Kalian Ketahui

1. Figure

Tag Figure digunakan untuk menyimpan gambar di HTML yang dilengkapi dengan caption dari gambar tersebut. Dimana gambar yang akan ditampilkan di browser nanti di lengkapi dengan caption dari gambar yang ada diatasnya. untuk membuat sebuah tag Figure kalian bisa langsung simpan didalam tag body HTML kalian. Perhatikan gambar dibawah ini.

Didalam tag Figure kita sisipkan sebuah tag IMG yaitu untuk mengambil source gambar yang ingin kita tampilkan, sedangkan dibawahnya ditambahkan sebuah tag figcaption yaitu untuk menambahkan sebuah caption dari gambar tersebut. 

2. Picture

Tag ini digunakan untuk menampilkan gambar yang sama dengan ukuran yang berbeda-beda di browser sesuai dengan ukuran device kalian. Dengan tag ini website kita akan terlihat lebih responsive. Untuk membuat tag Picture kita langsung saja sisipkan kedalam tag body HTML kita. Perhatikan gambar dibawah ini.

Didalam tag Picture diatas terdapat tag source yang berisikan gambar dengan ukuran tertentu apabila layar website dengan ukuran manimal 800px dan sebagainya. Sedangkan tag img akan menampilkan jika browser dengan ukuran biasa atau default.

3. Audio

Tag ini digunakan untuk menampikan audio kedalam website kita lengkap dengan controlernya. 

Perhatikan gambar berikut :

4. Video

tag ini digunakan untuk menampikan video kedalam halaman web kita, kita dapat melakukan control terhadap video kita dengan menambahakn tag controls didalamnya. Perhatikan gambar berikut :

5. Date

Date digunakan apabila kita ingin membuat sebuah form yang berisikan tanggal yang ingin kita inpukan. Untuk membuat sebuah form dengan type date maka terlebih dahulu kita membuat form-nya lalu menggantik type dari text ke date. Perhatikan gambar berikut.

Maka akan tampil pada browser seperti gambar dibawah ini.

Itulah beberapa tag HTML5 yang mungkin kalian belum ketahui dan gunakan. Selamat berlajar, semoga bermanfaat.