Mari mengenal HTML

Standard

Image Pada semester ini, saya mendapat jataha mata kuliah pemrograman web. Untuk membangun sebuah halaman web, kita bisa menggunakan bahasa html. Sebenernya apa sih html itu? Yuk mari kita mengenal html !!!

Pengertian HTML

HTML adalah suatu bahasa yang dipergunakan untuk mendeskripsikan halaman web.

  • HTML merupakan singkatan dari Hyper Text Markup Language.
  • HTML bukan merupakan bahasa pemrograman, HTML adalah suatu markup language (bahasa markah).
  • Suatu markup language berupa serangkaian markup tags.
  • HTML menggunakan markup tags untuk mendeskripsikan halaman web.

HTML Tags

HTML markup tags biasa disebut HTML tags.

  • HTML tags berupa keywords atau kata kunci yang diapit oleh tanda kurung seperti <html>.
  • HTML tags biasanya dipakai berpasangan seperti <b> dan </b>.
  • Tag pertama dalam pasangan html tags adalah start tag atau tag awal, sedang tag kedua adalah end tag atau tag akhir.
  • Start tags dan end tags biasa juga disebut opening tags dan closing tags.

HTML Elements

“Tag HTML” dan “elemen HTML” sering digunakan untuk menggambarkan hal yang sama.

Tapi tegasnya, sebuah elemen HTML adalah segalanya antara tag awal dan tag akhir, termasuk tag:

Di bawah ini adalah visualisasi dari struktur halaman HTML:

 

HTML Documents / Web Pages

  • HTML documents atau dokumen HTML mendeskripsikan suatu web pages atau halaman web.
  • HTML documents berisi HTML tags dan plain text atau text biasa.
  • HTML documents atau dokumen HTML juga biasa disebut web pages atau halaman web.

Tujuan dari sebuah web browser (seperti Internet Explorer, Firefox, Opera, Safari atau Google Chrome) adalah untuk membaca HTML documents kemudian menampilkannya sebagai halaman web. Browser tidak menampilkan HTML tags, tetapi menggunakan tag tersebut untuk menterjemahkan isi dari halaman web.

<html>
<body>

<h1> Judul Pertama</ h1>

<p> Paragraf Pertama</p>

</ body>
</ html>

Penjelasan Contoh

  • Teks di antara <html> dan </html> mendeskripsikan web page.
  • Teks di antara <body> dan </body> adalah konten halaman web yang akan tertampil.
  • Teks di antara <h1> dan </h1> digunakan untuk menampilkan judul.
  • Teks di antara <p> dan </p> digunakan untuk menampilkan paragraf.

Perkembangan HTML Dari Berbagai Versi

Penggunaan HTML dikendalikan oleh W3C (World Wide Web Consortium). HTML dibuat & dikembangkan oleh “Tim Berners Lee” ketika mereka bekerja di CERN pada tahun 1989. Kemudian HTML dipopulerkan oleh Browser Mosaic yang dikembangan di NSCA. Selama tahun 1990an, berbagai macam versi HTML telah muncul dengan tambahan & kelengkapan fitur-fiturnya. Versi standar HTML yang telah ada saat ini antara lain :

HTML Versi 1.0

HTML versi ini merupakan versi pertama sejak lahirnya Bahasa HTML yang memiliki kemampuan untuk heading, paragraph, hypertext, manipulasi text (bold & italic) serta memiliki hubungan terhadap penggunaan sebuah gambar.

HTML Versi 2.0

HTML versi ini lahir pada tanggal 14 Januari 1996 dengan beberapa kemampuan tambahan seperti penambahan form & hal ini menjadi cikal bakal adanya proses interaktif dengan pengguna. Mulai versi ini, HTML menjadi awal mula adanya website interaktif.

HTML Versi 3.0

HTML versi ini lahir pada tanggal 18 Desember 1997 yang dikenal dengan HTML+ karena mempunyai beberapa fasilitas penambahan fitur table dalam paragraph.

HTML Versi 3.2

HTML versi ini merupakan versi terbaru penyempurnaan dari versi 3.0 pada bulan Mei 1998.

HTML Versi 4.0

HTML versi ini lahir pada tanggal 24 Desember 1999 dengan penambahan beberapa fitur lagi seperti adanya link, image & lain-lain sebagai penyempurna dari HTML versi 3.2.

HTML Versi 5.0

HTML versi ini atau lebih dikenal dengan HTML5 lahir pada tahun 2009 yang menjadi standar baru untuk HTML, XHTML, & DOM HTML. HTML5 ini merupakan proyek kerjasama antara W3C dengan WHATWG (Web Hypertext Application Technology Working Group).

 

Referensi

  • w3schools.com

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s