Perkembangan HTML & CSS

Perkembangan HTML & CSS

Hai teman-teman, Hari ini aku mau sharing informasi tentang bagaimana perkembangan HTML dan CSS dari awal mula mereka dibuat hingga sampai versi terbarunya yang saat ini banyak digunakan oleh programmer, Yuuu kita simak materinya...

Perkembangan HTML

HTML versi 1.0

Versi pertama dari HTML ini adalah pionir dari perkembangan HTML. Akan tetapi versi ini masih memiliki banyak sekali kelemahan termasuk tampilannya yang masih sangat sederhana. HTML versi 1.0 ini sudah mampu mendukung peletakan image pada dokumen tanpa adanya wrapping, heading, hypertext, paragraph, cetak tebal dan miring pada penulisan text.

HTML versi 2.0 (24 November 1995)

HTML versi 2.0 adalah pionir dari web interaktif seperti yang kalian temukan saat ini. Dibandingkan dengan versi pertama, struktur HTML versi 2.0 lebih tertata rapi dan mampu menampilkan form dokumen. Dengan adanya form tersebut, kalian bisa memasukkan alamat, nama, saran dan kritik pada suatu dokumen.

HTML versi 3.0

Jika dibandingkan dengan kedua versi HTML sebelumnya, HTML versi 3.0 tidak memiliki umur yang lama. Itu disebabkan karena adanya versi terbaru dari versi 3,0, yaitu versi 3.2. Di versi 3.0, HTML sudah bisa dipergunakan untuk meletakkan tabel dan gambar. Fitur terbaru dari HTML 3.0 juga mampu untuk mendukung penggunaan rumus matematika pada dokumennya.

HTML versi 3.2 (14 Januari 1996)

HTML versi 3.2 adalah pembaruan dari versi 3.0. Hingga saat ini, jenis HTML ini adalah yang paling sering digunakan. Versi ini dipublikasikan dan dikembangkan serta distandarisasi khusus oleh W3C. Versi 3.2 ini pada awalnya disebut dengan Wilbur sebelum dikenal dengan nama HTML versi 3.2.

Fitur yang ada di versi 3.2 ini diantaranya ada gambar untuk backgroundtabel, style, frame, hingga teks di sekeliling gambar. Jika di versi sebelumnya, kalian hanya bisa menggunakan HTML saja untuk pembuatan dokumen namun di versi ini tidak. Artinya, kalian bisa menggunakan script di luar HTML untuk kinerja HTML yang lebih baik atau untuk tujuan tertentu. Beberapa script HTML yang bisa dipergunakan diantaranya adalah Javascript dan VBScript atau yang lainnya.

HTML versi 4.0 (18 Desember 1997)

Dibandingkan versi sebelumnya, versi ini hadir dengan banyak perubahan dari versi 3.2. Diantaranya ada tabel, link, image, text, meta, form dan imagemaps.

HTML versi 4.01 (5 Mei 2000)

Setelah ada versi 4.0, ada juga versi 4.01 yang merupakan revisi dari versi sebelumnya. Di versi ini, ada perbaikan kesalahan minor (kecil). Dari struktur pada HTML yang ada di versi ini, membuat HTML versi 4.01 menjadi standarisasi elemen serta atribut script XHTML 1.0.

HTML versi 5.0 (28 Oktober 2014)

Versi 5.0 dari HTML ini adalah versi paling canggih dan paling stabil dibandingkan versi sebelumnya. Pembaharuan ini baru diperkenalkan pada tahun 2009. Versi terbaru ini dikembangkan lagi pada tanggal 4 Maret 2010 oleh W3C dan IETF (Internet Engineering Task Force). IETF sendiri merupakan organisasi yang sudah menangani HTML sejak versi 2.0.

HTML versi 5.0 dikenal juga dengan nama HTML 5. Versi HTML ini adalah menjadi dasar untuk pembuatan tampilan website dengan penggabungan HTML, CSS dan Javascript.  Jika dibandingkan dengan versi 4 dan XHTML, HTML4 ini adalah best practice dari kedua versi tersebut. Dan dengan kode yang lebih sederhana, improve semantics

Improve semantics ini berarti HTML5 memiliki perkembangan nilai semantik seperti di bagian nav, header dan footer pada sebuah website. Dengan begitu bagian-bagian tersebut dapat terdefinisi dengan baik dan memiliki maksud yang jelas. Perkembangan nilai dari HTML5 ini juga membentuk machine readable format yang memungkinkan dokumen bisa terbaca dengan baik oleh mesin.

HTML5 ini lebih sederhana. Misalnya untuk bagian doc tipe, type atribut, meta tag character set (charset). Di HTML5 juga dilengkapi dengan fitur yang lebih baik. Beberapa fitur elemen seperti untuk menggambar 2D, memutar multimedia dan kontrol form.

Beberapa fitur baru di HTML 5 sebagai berikut:

  1. Unsur kanvas untuk menggambar.
  2. Video dan elemen audio untuk media pemutara.
  3. Element baru, seperti artikel, footer, header, dan navigasi.
  4. Dukungan lebih baik untuk penyimpanan offline local.
  5. Kontrol bentuk baru, seperti kalender, tanggal, waktu, email, URL, dan Search.

Perkembangan CSS

  • CSS 1

Pada tanggal 17 Agustus 1996 World Wide Web Consortium (W3C) menetapkan CSS sebagai bahasa pemrograman standard dalam pembuatan web. Tujuannya untuk mengurangi pembuatan tag-tag baru oleh Netscape dan Internet Explorer.

CSS 1 mendukung pengaturan tampilan dalam hal :

1. Font (Jenis ketebalan).

2. Warna, teks, background dan elemen lainnya.

3. Text attributes, misalnya spasi antar baris, kata dan  huruf.

4. Posisi teks, gambar, table dan elemen lainnya.

5. Margin, border dan padiing.

  • CSS 2

Pada tahun 1998, W3C menyempurnakan CSS tahap awal dengan menciptakan standard CSS 2 yang menjadi standard hingga saat ini. Pada level CSS 2 ini, dimasukkan semua atribut dari CSS 1 dan diperluas dengan penekanan pada International Accessibiality and Capacibilty kususnya media-specific CSS. CSS 2 dikembangkan untuk memenuhi kebutuhan terhadap format dokumen agar bisa ditampilkan di printer. 

  • CSS 3

CSS 3adalah versi terbaru dari CSS yang mampu melakukan banyak hal dalam mendesain website. CSS 3 dapat melakukan animasi pada halaman website, diantaranya animasi warna dan animasi 3D. Dengan CSS 3 desaigner dimudahkan dalam hal kompatibilitas websitenya pada smartphone dengan dukungan fitur baru yaitu media query. Selain itu, banyak fitur baru pada CSS 3 yaitu : Multiple background, border-radius, drop-shadow, border-image, CSS-Math dan CSS Object Model.

Fitur terbaru CSS 3 :

1.  Animasi, sehingga pembuatan animasi tidak memerlukan program sejenis Adobe Flash dan Microsoft Silverlight.

2.  Beberapa efek teks, seperti teks berbayang, kolom koran dan "Word-Wrap".

3.Beberapa efek pada kotak, seperti kotak yang ukurannya dapat diubah-ubah, transformasi 2 dimensi dan 2 dimensi, sudut-sudut yang tumpul dan bayangan.

Nahh gimana udah lebih pahamkan tentang bagaimana perjalanan HTML & CSS dari awal dibuat hingga populer saat ini, Mau tau lebih banyak tentang HTML&CSS?

Jangan lupa untuk selalu kepoin website kami di generasibisa.com, akan ada banyak informasi dan tutorial yang akan kami bagikan. Jangan sampai ketinggalan materi berikutnya ya!

Download Tutorial