Belajar Desain Web Pemula; Mengenal HTML dan Sejarahnya

Juli 02, 2023

Memahami HTML dasar merupakan pijakan awal dalam memahami dunia digital dan pengembangan web. Karena HTML adalah bahasa markup yang digunakan untuk membangun struktur dasar sebuah halaman web. 

Oleh karenanya, belajar HTML dasar adalah langkah pertama yang tepat. Dengan HTML dasar Anda belajar membuat paragraf, judul, daftar, gambar, tautan, dan elemen lainnya yang membentuk halaman web.

Namun sebelum masuk pada praktik terbaik tersebut. Alangkah lebih baik lagi mengenal HTML terlebih dahulu. Terutama jika Anda benar-benar baru dalam dunia pengembangan web.

 

Belajar Desain Web Pemula Bagian Pertama

Belajar HTML dasar adalah langkah awal yang penting dalam perjalanan Anda sebagai pengembang web. Dengan pemahaman yang kuat tentang HTML, Anda akan memiliki landasan yang solid untuk mempelajari bahasa script lainnya, seperti CSS dan JavaScript. Yang demikian tersebut akan memperkaya tampilan dan fungsionalitas halaman web Anda.


Pengertian HTML dan Sejarahnya

Dalam artikel ini, kita akan menjelajahi lebih dalam tentang pengertian HTML dan sekilas sejarahnya yang telah berevolusi dari masa ke masa untuk menciptakan web yang kita nikmati saat ini. 

Seandainya laman evolutionoftheweb.com masih bisa diakses mungkin lebih enak jika melihat langsung perkembangan tersebut. Sayangnya, sudah beberapa kali saya coba tidak bisa diakses sebagaimana dulu.

Berikut ini tangkapan layar yang menjelaskan perkembangan tersebut.

Terlihat di sana kapan munculnya HTTP, HTML 1, browser Netscape Navigator dan lain-lain. Sumber gambar di atas diambil dari smartinsights.


Apa itu HTML?

HTML (HyperText Markup Language) adalah bahasa markup standar untuk dokumen yang dirancang agar ditampilkan melalui browser. Sintaks yang terdiri atas tag pembuka dan penutup ini digunakan untuk membangun struktur dasar halaman web.

Dalam prakteknya, HTML dapat disisipi dengan teknologi lainnya seperti Cascading Style Sheets (CSS), JavaScript, VBScript, dan PHP. Dengan demikian, sebagai fondasi web modern, HTML berperan penting dalam menentukan bagaimana konten disajikan dan diatur di dalam browser. 


Sejarah World Wide Web

World Wide Web atau www ditemukan oleh ilmuwan Inggris Tim Berners-Lee pada tahun 1989 saat bekerja di CERN. CERN sendiri merupakan akronim yang berasal dari bahasa Prancis, yaitu: Conseil Européen pour la Recherche Nucléaire). Jika diterjemahkan ke dalam bahasa kita menjadi Organisasi Eropa untuk Riset Nuklir.

Pada awalnya, web dibuat dan dikembangkan untuk memenuhi permintaan berbagi informasi otomatis antara ilmuwan di universitas dan institut di seluruh dunia. Berikut ini tangkapan layar halaman web pertama kali yang dibuat ulang yang dipublikasi langsung dari CERN.

Situs web pertama di CERN – dan di dunia – didedikasikan untuk proyek World Wide Web itu sendiri yang dihosting di komputer NeXT milik Berners-Lee.

Kemudian, pada tanggal 30 April 1993, CERN menempatkan perangkat lunak World Wide Web pada domain publik. Belakangan, CERN menyediakan rilis dengan lisensi terbuka, cara yang lebih pasti untuk memaksimalkan penyebarannya. 

 

Biografi Singkat Tim Berners-Lee

Sir Timothy John "Tim" Berners-Lee, lahir 8 Juni 1955 adalah penemu World Wide Web dan ketua World Wide Web Consortium, yang mengatur perkembangannya.

Selain sebagai ketua, Tim Barners-Lee juga sebagai pendiri, Direktur Emeritus, dan Anggota Kehormatan Dewan Direksi World Wide Web Consortium (W3C). 

W3C ini sebuah organisasi standar Web yang ia dirikan pada tahun 1994 yang mengembangkan teknologi yang dapat dioperasikan (spesifikasi, pedoman, perangkat lunak, dan alat) untuk mengarahkan Web ke potensi penuhnya. 

Dia adalah Direktur World Wide Web Foundation yang diluncurkan pada tahun 2009 untuk mengoordinasikan upaya memajukan potensi Web untuk memberi manfaat bagi umat manusia.

Dia seorang co-founder dan CTO dari Inrupt.com, sebuah start-up teknologi yang menggunakan, mempromosikan, dan membantu mengembangkan platform Solid open source.

Dia adalah Profesor Teknik Pendiri 3Com Emeritus di Sekolah Teknik dengan penunjukan bersama di Departemen Teknik Elektro dan Ilmu Komputer di Laboratorium Computer Science and Artificial Intelligence (CSAIL) di Massachusetts Institute of Technology ( MIT ).

Ia bergabung menjadi Profesor di Departemen Ilmu Komputer di Universitas Oxford, Inggris. Dia juga Presiden dan pendiri Open Data Institute di London. 

Pada 4 April 2017, Sir Tim dianugerahi ACM AM Turing Prize karena menemukan World Wide Web, browser web pertama, serta protokol dan algoritme fundamental yang memungkinkan skala Web. Penghargaan tersebut disebut juga sebagai "Hadiah Nobel Komputasi" yang dianggap sebagai salah satu penghargaan paling bergengsi di bidang Ilmu Komputer. 

Serta penghargaan lain sebagaimana dilansir laman wikipedia.com dan lainnya.

Tim Barners-Lee dan HTML

Pada tahun 1980 seorang ahli fisika, Tim Berners-Lee, dan juga seorang kontraktor di CERN (Organisasi Eropa untuk Riset Nuklir) mengusulkan dan menyusun ENQUIRE, sebuah sistem untuk ilmuwan CERN dalam membagi dokumen

Sir Tim menemukan Web saat berada di CERN, Laboratorium Fisika Partikel Eropa, pada tahun 1989. Dia menulis klien dan server web pertama pada tahun 1990. Spesifikasi URI, HTTP, dan HTML-nya disempurnakan seiring dengan penyebaran teknologi Web. 

penemu internet

Foto Tim Berners-Lee (Sumber gambar: w3.org).


Sembilan tahun kemudian, Berners-Lee mengusulkan adanya sistem markup berbasis internet. Berners-Lee menspesifikasikan HTML dan menulis jaringan beserta perangkat lunaknya di akhir 1990. 

Pada tahun yang sama, Berners-Lee dan Robert Cailliau, insinyur sistem data CERN berkolaborasi dalam sebuah permintaan untuk pendanaan, namun tidak diterima secara resmi oleh CERN.

Di catatan pribadinya sejak 1990 dia mengumpulkan daftar "beberapa pengguna dari banyak daerah yang menggunakan hypertext" dan pertama kalinya menempatkan sebuah ensiklopedia.

Penjelasan pertama yang dibagi untuk umum dari HTML adalah sebuah dokumen yang disebut "Tanda HTML", pertama kali disebutkan di Internet oleh Tim Berners-Lee pada akhir 1991. Tanda ini menggambarkan 18 elemen awal mula, versi sederhana dari HTML. Kecuali untuk tag hyperlink, yang sangat dipengaruhi oleh SGMLguid, in-house Standard Generalized Markup Language (SGML) berbasis format dokumen di CERN. Sebelas elemen ini masih ada di HTML 4.

HTML adalah bahasa markah yang digunakan peramban untuk menafsirkan dan menulis teks, gambar dan bahan lainnya ke dalam halaman web secara visual maupun suara. Karakteristik dasar untuk setiap item dari markup HTML didefinisikan di dalam browser, dan karakteristik ini dapat diubah atau ditingkatkan dengan menggunakan tambahan halaman web desainer CSS.

 

Perkembangan HTML

Selama lima tahun pertama (1990-1995), HTML mengalami sejumlah revisi dan mengalami sejumlah ekstensi, terutama dihosting pertama kali di CERN, dan kemudian di IETF.

Dengan terciptanya W3C, perkembangan HTML berubah tempat lagi. Upaya pertama gagal untuk memperluas HTML pada tahun 1995 yang dikenal sebagai HTML 3.0 kemudian membuka jalan ke pendekatan yang lebih pragmatis yang dikenal sebagai HTML 3.2, yang diselesaikan pada tahun 1997. HTML4 segera menyusul kemudian pada tahun yang sama.

Tahun berikutnya, keanggotaan W3C memutuskan untuk berhenti mengembangkan HTML dan sebagai gantinya mulai mengerjakan padanan berbasis XML, yang disebut XHTML. Upaya ini dimulai dengan perumusan ulang HTML4 dalam XML, yang dikenal sebagai XHTML 1.0, yang tidak menambahkan fitur baru kecuali serialisasi baru, dan selesai pada tahun 2000.

Setelah XHTML 1.0, fokus W3C beralih untuk memudahkan kelompok kerja lain untuk memperpanjang XHTML, di bawah panji XHTML Modularisasi. Sejalan dengan ini, W3C juga mengerjakan bahasa baru yang tidak kompatibel dengan bahasa HTML dan XHTML sebelumnya, menyebutnya XHTML2.

Seiring waktu evolusi HTML dihentikan pada tahun 1998, bagian dari API untuk HTML yang dikembangkan oleh vendor browser ditentukan dan diterbitkan dengan nama DOM Level 1 (pada tahun 1998) dan DOM Level 2 Core dan DOM Level 2 HTML (mulai tahun 2000 dan puncaknya pada tahun 2003). Upaya ini kemudian mereda, dengan beberapa spesifikasi DOM Level 3 diterbitkan pada tahun 2004 tetapi kelompok kerja ditutup sebelum semua draf Level 3 selesai.

Pada tahun 2003, publikasi XForms, sebuah teknologi yang diposisikan sebagai generasi berikutnya dari formulir web, memicu minat baru untuk mengembangkan HTML itu sendiri, daripada mencari penggantinya. Minat ini lahir dari kesadaran bahwa penyebaran XML sebagai teknologi web terbatas pada teknologi yang sama sekali baru (seperti RSS dan kemudian Atom), bukan sebagai pengganti teknologi yang ada (seperti HTML).

Bukti konsep untuk menunjukkan bahwa:"Adalah mungkin untuk memperluas bentuk HTML4 untuk menyediakan banyak fitur yang diperkenalkan XForms 1.0, tanpa memerlukan browser untuk mengimplementasikan mesin rendering yang tidak kompatibel dengan halaman web HTML yang ada" adalah hasil pertama dari minat baru ini. Pada tahap awal ini, meskipun draf sudah tersedia untuk umum, dan masukan sudah diminta dari semua sumber, spesifikasinya hanya di bawah hak cipta Perangkat Lunak Opera.

Gagasan bahwa evolusi HTML harus dibuka kembali telah diuji di lokakarya W3C pada tahun 2004, di mana beberapa prinsip yang mendasari pekerjaan HTML5, serta proposal draf awal yang hanya mencakup fitur terkait bentuk, dipresentasikan ke W3C bersama oleh Mozilla dan Opera. Proposal tersebut ditolak dengan alasan bahwa proposal tersebut bertentangan dengan arah yang dipilih sebelumnya untuk evolusi web; staf dan keanggotaan W3C memilih untuk terus mengembangkan pengganti berbasis XML.

Tak lama kemudian, Apple, Mozilla, dan Opera bersama-sama mengumumkan niat mereka untuk terus bekerja di bawah payung tempat baru yang disebut WHATWG. Milis publik dibuat, dan draf dipindahkan ke situs WHATWG. Hak cipta kemudian diubah untuk dimiliki bersama oleh ketiga vendor, dan untuk memungkinkan penggunaan kembali spesifikasi tersebut.

WHATWG didasarkan pada beberapa prinsip inti, khususnya bahwa teknologi harus kompatibel ke belakang, bahwa spesifikasi dan implementasi harus sesuai bahkan jika ini berarti mengubah spesifikasi daripada implementasi, dan bahwa spesifikasi harus cukup detail sehingga implementasi dapat dicapai. interoperabilitas lengkap tanpa merekayasa balik satu sama lain.

Persyaratan terakhir secara khusus mengharuskan ruang lingkup spesifikasi HTML5 mencakup apa yang sebelumnya telah ditentukan dalam tiga dokumen terpisah: HTML4, XHTML1, dan HTML DOM2. Itu juga berarti memasukkan detail yang jauh lebih banyak daripada yang sebelumnya dianggap sebagai norma.

Pada tahun 2006, W3C menunjukkan minat untuk berpartisipasi dalam pengembangan HTML5, dan pada tahun 2007 membentuk kelompok kerja yang disewa untuk bekerja dengan WHATWG dalam pengembangan spesifikasi HTML5. Apple, Mozilla, dan Opera mengizinkan W3C untuk menerbitkan spesifikasi di bawah hak cipta W3C, sambil menyimpan versi dengan lisensi yang tidak terlalu ketat di situs WHATWG.

Selama beberapa tahun, kedua kelompok kemudian bekerja sama. Namun, pada tahun 2011, grup tersebut sampai pada kesimpulan bahwa mereka memiliki tujuan yang berbeda: W3C ingin menerbitkan versi "selesai" dari "HTML5", sementara WHATWG ingin terus mengerjakan Standar Hidup untuk HTML, terus mempertahankan spesifikasinya. daripada membekukannya dalam keadaan dengan masalah yang diketahui, dan menambahkan fitur baru sesuai kebutuhan untuk mengembangkan platform.

Pada tahun 2019, WHATWG dan W3C menandatangani perjanjian untuk berkolaborasi dalam satu versi HTML ke depannya.


Kegunaan HTML

Dokumen HTML mirip dengan dokumen tulisan biasa, hanya dalam dokumen ini sebuah tulisan bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan tag tertentu. 

Dan setiap halaman web itu dibangun dengan elemen-elemen HTML yang saling terkait. Misalnya, untuk membuat judul, kita menggunakan tag <h1> hingga <h6>; dengan tag <h1> sebagai judul utama dan tag <h6> sebagai judul terkecil. Sedangkan paragraf dapat dibuat dengan tag <p>, dan tautan menggunakan tag <a>. Tentu saja, semua tag di atas harus diakhiri tag penutup masing-masing.

Selain itu, HTML juga memungkinkan kita untuk menyematkan gambar ke dalam halaman web menggunakan tag <img>, dan membuat daftar dengan tag <ul> untuk daftar tidak berurutan dan tag <ol> untuk daftar berurutan. Ini hanya beberapa contoh dari banyak elemen HTML yang dapat Anda gunakan untuk membangun halaman web.

Sebagai contoh jika ingin membuat tulisan ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: <b> TAMPIL TEBAL</b>. Tanda <b> digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh tulisan yang ingin ditebalkan, dan diakhiri dengan tanda </b> untuk menonaktifkan cetak tebal tersebut.

HTML lebih menekankan pada penggambaran komponen-komponen struktur dan format di dalam halaman web daripada menentukan penampilannya. Sedangkan penjelajah web digunakan untuk menginterpretasikan susunan halaman ke gaya built-in penjelajah web dengan menggunakan jenis tulisan, tab, warna, garis, dan perataan text yang dikehendaki ke komputer yang menampilkan halaman web. 

Salah satu hal Penting tentang eksistensi HTML adalah tersedianya bahasa komunikasi antar komputer dengan kemampuan berbeda. Pengguna Macintosh tidak dapat melihat tampilan yang sama sebagaimana tampilan yang terlihat dalam PC berbasis Windows. Pengguna Microsoft Windows pun tidak akan dapat melihat tampilan yang sama sebagaimana tampilan yang terlihat pada pengguna yang menggunakan Produk-produk Sun Microsystems. Namun demikian pengguna-pengguna tersebut dapat melihat semua halaman web yang sama.


Akhir Kata

Terima kasih telah menyelesaikan pembelajaran HTML dasar bersama saya. Saya berharap Anda telah mendapatkan pemahaman yang baik tentang dasar-dasar HTML dan dapat menerapkannya dalam proyek-proyek web Anda. 

Ingatlah untuk terus berlatih dan mengembangkan keterampilan Anda. HTML adalah dasar yang penting dalam pengembangan web, dan dengan mempelajarinya dengan baik, Anda akan dapat menciptakan halaman web yang menakjubkan dan interaktif. 

Semoga sukses dalam perjalanan Anda sebagai pengembang web!

Baca Juga

Share This:

Tidak ada komentar:

Posting Komentar

Popular Posts