Pemograman Web Pertemuan ke 3
HTML (Hyper Text Markup Language) adalah bahasa yang digunakan untuk menulis halaman web dan menampilkan berbagai informasi di dalam sebuat browser internet.
HTML adalah bahasa untuk standar pemograman yang dilakukan oleh W3C yang berisi lebih dari sekedar text yang mempunyai tanda tanda atau tag yang berbentuk < >.
HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).
Pada tahun 1986 ISO mengeluarkan sebuah standarisasi tentang bahasa pemograman tersebut dan menyatakan sebuah nama baru dari GML tersebut dengan sebutan SGML (Standard Generalized Markup Language)
Nah mulai pada tahun kelahiran saya yaitu tahun 1989, Sebuah nama HTML muncul dari pemikiran Caillau Tim yang bekerja sama dengan Banners Lee Robert yang ketika itu masih bekerja di CERN memulai mengembangkan bahasa pemrograman ini, dan dipopulerkan pertama kali dengan browser Mosaic. Nah mulailah dari tahun 1990 HTML sangat berkembang dengan cepat hingga mencapai versi HTML versi 5.0 yang digarap pada 4 Maret 2010 kemarin oleh W3C
1. HTML 1.0
HTML ini di ciptakan pada tahun 1989, HTML 1 merupakan versi pertama yang mempunyai beberapa kemampuan diantaranya:
2. HTML 2.0
Pada tahun 1995, HTML 2.0 telah dibuat, dengan mengambil ide dari naskah HTML yang asli. Sebuah proposal pengganti dinamakan HTML+ juga dituliskan oleh Dave Raggett, dimana digunakan sebagai sebuah dasar untuk elemen-elemen baru yang diimplementasikan pada browser (seperti metode untuk memasukkan gambar ke dalam dokumen dipelopori oleh NCSA Mosaic).
Pada versi ini, penambahan kualitas HTML terletak pada kemampuannya untuk menampilkan suatu form pada dokumen. Dengan adanya form ini, maka kita dapat memasukkan nama, alamat, serta saran/kritik. HTML versi 2.0 ini merupakan pionir dari adanya homepage interaktif. Dengan menggunakan HTML 2.0, kita dapat membuat lembar halaman ciptaan yang dapat dilihat oleh semua orang.
3. HTML 3.0
HTML versi 3.0 menambahkan beberapa fasilitas baru seperti table,ini di rilis pada tahun 18 desember 1997, versi ini yang disebut juga sebagai HTML+ tidak bertahan lama dan segera digantikan HTML versi 3.2.
Dan pada bulan Mei 1996 dikeluarkan versi baru sebagai pengganti dan penyampurnaan versi 3.0 ini yaitu HTML versi 3.2, keluarnya versi ini dikarenakan adanya beberapa kasus yang timbul pada pengembang browser yang telah melakukan pendekatan dengan cara lain yang justru hal tersebut menjadi popular, maka di bakukan versi 3.2 untuk mengakomodasi praktek yang banyak digunakan oleh pengembang browser dan diterima secara umum, dapat dikatakan bahwa versi 3.2 ini merupakan versi 3.0 yang dikembangkan oleh beberapa pengembang browser seperti Netscape dan Microsoft.
HTML 3.2 berisi fitur2 baru seperti font, tabel, applet, superscripts, subscript,dll. Salah satu unsur yang ditambahkan ke standar HTML 3.2, adalah <tag> . Tag ini diperkenalkan kompleksitas yang tidak perlu untuk tugas penting dari memisahkan konten HTML (teks) dari presentasi (style).Selain itu pada HTML versi 3.2 ini, kita bisa menggunakan script di luar HTML untuk mendukung kinerja HTML tersebut, seperti javascript dan Vbscript.
4. HTML 4.0
Pada tahun 1997, W3C publikasikan HTML 4.0 sebagai sebuah rekomendasi yang mengadopsi ekstensi yang lebih berspesifik browser, namun juga telah berusaha dalam melakukan rasionalisasi dan pembersihan pada HTML. Dalam versi ini dilakukan dengan menandakan beberapa elemen sebagai elemen “deprecated”, yang berarti elemen-elemen yang tidak terpakai. Meskipun elemen-elemen deprecated masih tetap berada dalam versi ini, pada versi berikutnya mereka akan dihapus. Versi ini juga merupakan sebuah penganjuran untuk lebih baik dan semantik dalam penggunaan HTML pada dokumen (dijelaskan lebih detil pada artikel Model standar web).
HTML 4.01 dipublikasikan pada tahun 1999 dengan beberapa kesalahan tulis yang kemudian dijilidkan pada tahun 2001.
Pada perkembangan sekarang mungkin sebagian orang masih merasakan yang namanya HTML 4 adalah kemampuan design web yaitu dengan menggunakan css (Cascading Style Sheets) . CSS ini memberikan kemuduhan dalam memberikan tampilan yang terbaik pada browser-browser Anda.
HTML 4.01 merupakan perbaikan dari HTML versi 4.0 yang terlebih dahulu diterbitkan. HTML versi 4.01 masih standart resmi sampai sekarang ini untuk memperbaiki kesalahan-kesalahan kecil (minor errors) pada versi sebelumnya. HTML versi ini juga menjadi standardisasi untuk elemen dan atribut dari script XHTML 1.0.
5. HTML 5
HTML5 adalah versi terbaru dari HTML yang dibuat oleh World Wide Web Consortium (W3C). Konsep pertamanya sudah dipublikasikan pada tahun 2008, tetapi tidak banyak yang menggunakannya hingga tahun 2011. Pada tahun 2011, HTML 5 diterbitkan sepenuhnya dan orang-orang mulai menulis dan menggunakannya. HTML5 merupakan suksesor dari HTML 4.01 yang diterbitkan pertama kali tahun 1999. Sejak saat itu, internet telah berubah secara signifikan dan kehadiran HTML5 terlihat sangat diharapkan.
Beberapa fitur baru di HTML 5 sebagai berikut:
1. Unsur kanvas untuk menggambar
2. Video dan elemen audio untuk media pemutar.
3. Elemen 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.
Beberapa kelebihan yang dimiliki oleh HTML 5 :
Tugas 1 Jam
Adapun Tugas 1 jam yaitu membuat sebuah web statis dengan menggunakan sintak HTML. Adapun tampilan web yang sederhana nya adalah sebagai berikut:
Tema web : Pendidikan
Pada web sederhana 1 jam ini, terdapat beberapa tag html yaitu:
HTML (Hyper Text Markup Language) adalah bahasa yang digunakan untuk menulis halaman web dan menampilkan berbagai informasi di dalam sebuat browser internet.
HTML adalah bahasa untuk standar pemograman yang dilakukan oleh W3C yang berisi lebih dari sekedar text yang mempunyai tanda tanda atau tag yang berbentuk < >.
HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).
Sejarah Perkembangan HTML
Pada tahun 1980 IBM mulai untuk mengembangkan sebuah bahasa pemograman dimana text dan format sebuah dokumen dijadikan satu dalam bahasa pemrograman yang sering kita sebut sebagai HTML (Hyper Text Markup Language) akan tetapi pada saat itu pihak IBM memberikan sebuah nama GML (Generalized Markup Language).Pada tahun 1986 ISO mengeluarkan sebuah standarisasi tentang bahasa pemograman tersebut dan menyatakan sebuah nama baru dari GML tersebut dengan sebutan SGML (Standard Generalized Markup Language)
Nah mulai pada tahun kelahiran saya yaitu tahun 1989, Sebuah nama HTML muncul dari pemikiran Caillau Tim yang bekerja sama dengan Banners Lee Robert yang ketika itu masih bekerja di CERN memulai mengembangkan bahasa pemrograman ini, dan dipopulerkan pertama kali dengan browser Mosaic. Nah mulailah dari tahun 1990 HTML sangat berkembang dengan cepat hingga mencapai versi HTML versi 5.0 yang digarap pada 4 Maret 2010 kemarin oleh W3C
1. HTML 1.0
HTML ini di ciptakan pada tahun 1989, HTML 1 merupakan versi pertama yang mempunyai beberapa kemampuan diantaranya:
- Heading
- Paragraf
- Hypertext
- List
- Cetak miring dan tebal pada text
- Peletakan image pada dokumen tanpa text disekelilingnya (wrapping)
2. HTML 2.0
Pada tahun 1995, HTML 2.0 telah dibuat, dengan mengambil ide dari naskah HTML yang asli. Sebuah proposal pengganti dinamakan HTML+ juga dituliskan oleh Dave Raggett, dimana digunakan sebagai sebuah dasar untuk elemen-elemen baru yang diimplementasikan pada browser (seperti metode untuk memasukkan gambar ke dalam dokumen dipelopori oleh NCSA Mosaic).
Pada versi ini, penambahan kualitas HTML terletak pada kemampuannya untuk menampilkan suatu form pada dokumen. Dengan adanya form ini, maka kita dapat memasukkan nama, alamat, serta saran/kritik. HTML versi 2.0 ini merupakan pionir dari adanya homepage interaktif. Dengan menggunakan HTML 2.0, kita dapat membuat lembar halaman ciptaan yang dapat dilihat oleh semua orang.
3. HTML 3.0
HTML versi 3.0 menambahkan beberapa fasilitas baru seperti table,ini di rilis pada tahun 18 desember 1997, versi ini yang disebut juga sebagai HTML+ tidak bertahan lama dan segera digantikan HTML versi 3.2.
Dan pada bulan Mei 1996 dikeluarkan versi baru sebagai pengganti dan penyampurnaan versi 3.0 ini yaitu HTML versi 3.2, keluarnya versi ini dikarenakan adanya beberapa kasus yang timbul pada pengembang browser yang telah melakukan pendekatan dengan cara lain yang justru hal tersebut menjadi popular, maka di bakukan versi 3.2 untuk mengakomodasi praktek yang banyak digunakan oleh pengembang browser dan diterima secara umum, dapat dikatakan bahwa versi 3.2 ini merupakan versi 3.0 yang dikembangkan oleh beberapa pengembang browser seperti Netscape dan Microsoft.
HTML 3.2 berisi fitur2 baru seperti font, tabel, applet, superscripts, subscript,dll. Salah satu unsur yang ditambahkan ke standar HTML 3.2, adalah <tag> . Tag ini diperkenalkan kompleksitas yang tidak perlu untuk tugas penting dari memisahkan konten HTML (teks) dari presentasi (style).Selain itu pada HTML versi 3.2 ini, kita bisa menggunakan script di luar HTML untuk mendukung kinerja HTML tersebut, seperti javascript dan Vbscript.
4. HTML 4.0
Pada tahun 1997, W3C publikasikan HTML 4.0 sebagai sebuah rekomendasi yang mengadopsi ekstensi yang lebih berspesifik browser, namun juga telah berusaha dalam melakukan rasionalisasi dan pembersihan pada HTML. Dalam versi ini dilakukan dengan menandakan beberapa elemen sebagai elemen “deprecated”, yang berarti elemen-elemen yang tidak terpakai. Meskipun elemen-elemen deprecated masih tetap berada dalam versi ini, pada versi berikutnya mereka akan dihapus. Versi ini juga merupakan sebuah penganjuran untuk lebih baik dan semantik dalam penggunaan HTML pada dokumen (dijelaskan lebih detil pada artikel Model standar web).
HTML 4.01 dipublikasikan pada tahun 1999 dengan beberapa kesalahan tulis yang kemudian dijilidkan pada tahun 2001.
Pada perkembangan sekarang mungkin sebagian orang masih merasakan yang namanya HTML 4 adalah kemampuan design web yaitu dengan menggunakan css (Cascading Style Sheets) . CSS ini memberikan kemuduhan dalam memberikan tampilan yang terbaik pada browser-browser Anda.
HTML 4.01 merupakan perbaikan dari HTML versi 4.0 yang terlebih dahulu diterbitkan. HTML versi 4.01 masih standart resmi sampai sekarang ini untuk memperbaiki kesalahan-kesalahan kecil (minor errors) pada versi sebelumnya. HTML versi ini juga menjadi standardisasi untuk elemen dan atribut dari script XHTML 1.0.
5. HTML 5
HTML5 adalah versi terbaru dari HTML yang dibuat oleh World Wide Web Consortium (W3C). Konsep pertamanya sudah dipublikasikan pada tahun 2008, tetapi tidak banyak yang menggunakannya hingga tahun 2011. Pada tahun 2011, HTML 5 diterbitkan sepenuhnya dan orang-orang mulai menulis dan menggunakannya. HTML5 merupakan suksesor dari HTML 4.01 yang diterbitkan pertama kali tahun 1999. Sejak saat itu, internet telah berubah secara signifikan dan kehadiran HTML5 terlihat sangat diharapkan.
Beberapa fitur baru di HTML 5 sebagai berikut:
1. Unsur kanvas untuk menggambar
2. Video dan elemen audio untuk media pemutar.
3. Elemen 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.
Beberapa kelebihan yang dimiliki oleh HTML 5 :
- Cleaner code, karena sebagian besar kode telah termasuk di dalam sintaks html5, maka kode nampak terlihat lebih sederhana daripada penggabungan antara html, css dan java script.
- Greater consistency, HTML5 telah melakukan banyak sekali penambahan sintaks yang dibuat dalam struktur lebih baik dan lebih sederhana daripada sintaks-sintaks sebelumnya. Hal ini membuat developer terbantu dalam meningkatkan konsistensi dalam membangun sebuah web.
- Improve Semantics, dengan berbagai elemen kode di dalam html5 yang telah distandarisasi, maka nilai semantik dari sebuah web dapat lebih ditingkatkan. Itu berarti bahwa bagian-bagian dari web seperti header, nav, footerdan beberapa bagian lainnya terdefinisi dengan jelas maksud serta tujuannya selain itu juga terbentuk dalam sebuah “machine readible format”.
- Improved Accessibility, dengan teknologi HTML5 yang memudahkan struktur pembangunan sebuah web, maka developerdapat membangun pemahaman yang lebih detil mengenai halaman web.
- Client-side Database, HTML5 menyediakan model database SQL yang baru dengan API yang dapat dibangun dalam konsep lokal, dalam hal ini di sisi client.
- Geolocation, HTML5 mempunyai API yang terintegrasi terhadap geolocation, fasilitas tersebut dapat diakses melalui GPS atau fasilitas lain seperti Google Latitude pada iphone.
- Offline Aplication Cache, pengguna dapat terus melakukan interaksi dengan aplikasi meskipun mereka terputus dari jaringan internet.
- Smarter Forms, terdapat semacam reguler expression (regex) yang membuat form mampu mengenali secara lebih baik tentang input, validasi data dan interaksi dengan elemen lain (misal : format email, password dll)
- Sharper focus on Web Application Requiments, HTML5 membuat sebuah mekanisme yang lebih mudah dalam hal pembuatan front end, aplikasi chat, tools drag and drop, video player, pengolah grafis dan masih banyak lagi.
Tugas 1 Jam
Adapun Tugas 1 jam yaitu membuat sebuah web statis dengan menggunakan sintak HTML. Adapun tampilan web yang sederhana nya adalah sebagai berikut:
Tema web : Pendidikan
Pada web sederhana 1 jam ini, terdapat beberapa tag html yaitu:
- table
- background color
- image
- align
- paragraf
- heading
- font
HTML