Belajar tentang Tag HTML 5

Assalamu’alaykum wr. wb.

Bingung mau ngapain di pagi hari, mau ke kampus gak ada yang memotivasi, mau ngadain kejar biasane gak pada dateng, alhasil sekarang bahas satu materi lagi pemrograman web yang kemarin belum disampaikan, yaitu sedikit tentang tag baru pada HTML5.  Berikut beberapa tag baru yang ada pada HTML5

  1. Tag <audio>
    Dulu kalau kita ingin mengembed sebuah audio biasanya menggunakan flash player sebagai medianya, nah untuk meminimalisir hal itu pada HTML5 disediakan tag <audio>.Berikut contoh kodenya 

    Source itu

  2.  Tag <video>
    Seperti halnya dengan audio, di HTML5 pun dapat mengembed langsung video, berikut contoh kode sederhananya 
  3.  Tag <canvas>
    Tag <canvas> ini biasanya digunakan untuk mendraw gambar yang dihasilkan dari sebuah javascript, contohnya seperti ini
  4. Tag input
    •     Tipe number
      Contoh seperti iniInputan ini akan memvalidasi jika selain angka, maka akan di tolak (walaupun kita juga bisa mengeset max dan min valuenya)
    •      Tipe range
      Contoh kode seperti iniHasilnya akan membentuk sebuah slider yang bisa digeser-geser menurut valuenya, jika mau kelihatan valuenya bisa digabungkan dengan javascript hehe
    • Tipe date
      Contoh kode seperti iniHasilnya nanti akan ada date time picker sendiri, gak perlu menggunakan jquery hehe sayangnya ini hanya beberapa browser yang support
    • Tipe color
      Contoh kode seperti iniHasilnya nanti ada pick color sendiri, tidak perlu javascript lagi, lagi-lagi beberapa browser doang yang support =.=

Sebenarnya masih banyak tag yang lain, akan tetapi biasanya yang sering digunakan itu, untuk browser yang paling mendukung adalah opera.

Wassalamu’alaykum wr. wb.

Leave a Comment