Pandeglang Blog

Menjadi bagian dari arus informasi dunia

Sekilas tentang HTML5

5 Komentar

Ditinggal vakum ngeblog 7 bulan jadi lupa sebagian kode HTML, berasanya ya sekarang pas mau ngeblog lagi lupa deh kode apa yang harus disisipkan diantara kalimat postingan, karena mau tidak mau ketika kita akan menulis disebuah halaman situs / blog, kita harus mengenal setidaknya elemen dasar HTML.

Terlebih lagi sekarang browser-browser moderen dan sebagian situs web sudah menggunakan standar HTML5 termasuk mesin blog wordpress.com yang artinya :

  • Pada HTML5 ada beberapa kode tambahan baru dari versi sebelumnya HTML4.01 seperti : <artikel>, <canvas>, <aside> dll
  • Ada sebagian kode atau elemen pada versi HTML sebelumnya yang dianggap usang dan tidak dipergunakan lagi seperti : <acronym>, <applet>, <basefont>, <big>, <center>, <dir>, <font>, <frame>, <frameset>, <noframes>, <strike>, <tt>
  • Ada sebagian lagi yang masih dipertahankan baik itu perwujudannya maupun fungsinya seperti : <p>, <a>, <div> dan masih banyak lagi.
HTML5

HTML5 sebenarnya belum menjadi standar resmi, dan belum ada browser yang mempunyai dukungan penuh terhadap HTML5. Karena orang-orang dari World Wide Web Consortium (W3C) dan Web Hypertext Application Technology Working Group (WHATWG) masih merumuskannya hingga sekarang, mereka bekerja sama untuk membuat versi baru dari HTML dan membuatnya menjadi standar internasional. Meski belum final tapi bisa dipastikan semua browser ternama (Safari, Chrome, Firefox, Opera, Internet Explorer) terus menambahkan fitur-fitur baru HTML5 dalam versi browser mereka.

Salah satu keunggulan dalam HTML5 nantinya ia bisa mengurangi ketergantungan akan plug-in external seperti “flash player” bahkan tidak menutup kemungkinan jikalau semua halaman web dan browser web sudah mempunyai dukungan penuh terhadap HTML5 ia bisa menjadi perangkat yang independent (tidak memerlukan flash sama sekali untuk menjalankan konten multimedia).

Versi HTML

Sejak kemunculannya yang pertama tahun 1991 hingga sekarang HTML telah mengalami banyak sekali perubahan dan peningkatan berikut adalah versi HTML beserta tahun deklarasinya :

  • HTML – 1991
  • HTML+ – 1993
  • HTML 2.0 – 1995
  • HTML 3.2 – 1997
  • HTML 4.01 – 1999
  • XHTML 1.0 – 2000
  • HTML5 – 2012
  • XHTML5 – 2013

Beberapa istilah dalam HTML

  • HTML Adalah sebuah bahasa markup untuk menggambarkan, membentuk, dan menjelaskan halaman-halaman di web. Singkatan dari Hyper Text Markup Language
  • Bahasa markup adalah serangkaian kumpulan dari tag-tag markup yang gunanya untuk menggambarkan konten dari dokumen.
  • Dokumen HTML berisi campuran antara tag-tag HTML dan teks biasa, oleh karena itu dokumen HTML bisa disebut juga dengan halaman web.

Tag HTML

  • Istilah HTML markup tags biasa disebut juga tag HTML
  • Tag HTML adalah rangkaian kata-kata kunci atau kode yang menjadi nama tag yang diapit oleh simbol sudut kurung seperti <html>, <strong> dsb.
  • Tag-tag dalam HTML normalnya terbentuk secara berpasangan, Tag pertama dalam sepasang tag disebut tag awal atau tag pembuka dan tag kedua disebut tag akhir atau tag penutup. contoh :<b> dan </b>, <i> dan </i>
  • Tapi ada juga yang sendirian artinya tidak punya tag akhir/tag penutup, hanya tag awal/tag pembuka saja seperti : <br> <hr> dan <img>
  • Tag akhir penulisannya sama seperti tag awal, dengan perbedaan sedikit penambahan garis miring (/) sebelum nama tagnya

Catatan : ketika membuat sebuah elemen HTML jangan lupa untuk selalu menuliskan tag penutupnya karena jika tidak ia bisa menimbulkan hasil yang tidak diinginkan /error. Meski pada beberapa kasus browser akan otomatis menampilkannya dengan benar, tapi jangan terlalu bergantung kepada itu. So jika akan menulis <ins> misalnya, jangan lupa diakhir elemen untuk selalu menutupnya dengan </ins>.
Kemungkinan di versi HTML yang akan datang kekosongan tag penutup/tag akhir itu tidak diperbolehkan.

Pada halaman web yang berbasis XHTML, semua elemen harus ditutup. Oleh karena itu dengan menambahkan garis miring didalam tag-tag pembuka yang tidak mempunyai tag penutup adalah cara yang paling tepat. Contohnya seperti : <br/> <hr/> dan <img/>

Elemen HTML

Istilah “Tag HTML” dan “elemen HTML” seringkali digunakan untuk menggambarkan hal yang sama. tapi sebenarnya ada perbedaan diantara keduanya. Semua yang berada antara tag awal dan tag akhir termasuk tag itu sendiri dinamakan elemen HTML, contoh :

<p>Ini adalah sebuah paragraf.</p>

Dalam contoh diatas berarti semua bagian dari mulai <p>, “Ini adalah sebuah paragraf” sampai </p> dinamakan elemen HTML bukan tag HTML, sedangkan <p> dan </p> dinamakan tag HTML tapi merupakan bagian dari elemen HTML.

Bentuk penulisan huruf tag

Penulisan huruf tag dalam HTML sebenarnya tidak bersifat sensitiv, yang artinya <P> pakai huruf besar sama saja dengan <p>. pakai huruf kecil. Banyak situs-situs yang menggunakan huruf besar dalam penulisan tag-tag HTMLnya tapi World Wide Web Consortium (W3C) merekomendasikan agar menggunakan huruf kecil (lowercase) pada HTML 4, dan menuntut penggunaan tag dengan huruf kecil pada XHTML.

Web browser

Kegunaan dari penjelajah web atau biasa disebut web browser (seperti Opera, Google Chrome, Internet Explorer, Firefox, Safari) ialah agar bisa membaca dokumen HTML dan menampilkannya sebagai halaman-halaman web. Browser tidak menampilkan tag-tag HTML dalam halaman tersebut, tapi menggunakannya untuk menerjemahkan, mewujudkan sebagaimana mestinya (interpret) konten dari halaman web tersebut

Materi ini mengambil intisari dari http://www.w3schools.com. Saran dan koreksi silahkan layangkan di komentar.:mrgreen:

Penulis: Nourly

Bergabung di wordpress sejak 2 april 2012 Just a mobile blogger from Pandeglang.

5 thoughts on “Sekilas tentang HTML5

  1. Mantab ne buat Ulasannya😀

  2. susah sekali nih belajar kek ginian, mungkin emang gak bakat kali yah? hihihihih

  3. Teks blink
    Teks berjalan
    Teks berjalan

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s