Sejarah HTML

SEJARAH HTML

HTML (Hyper Text Markup Language) adalah bahasa yang digunakan untuk menulis halaman web dan menampilkan berbagai informasi di dalam sebuat browser internet. HTML ini merupakan pengembangan dari standar pemformatan dokumen teks yaitu Standard Generalized Markup Language(SGML). HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).

HTML dibuat oleh Tim Berners-Lee ketika masih bekerja untuk CERN (Conseil Europeene Pour La Recherche Nuclaire) dan dipopulerkan pertama kali oleh browser Mosaic pada tahun 1989 sebagai cara sederhana namun efektif untuk mengkodekan dokumen elektronik. Sebetulnya, tujuan awal dari web browser adalah untuk melayani sebagai pembaca untuk dokumen berformat HTML. Namun, dua dekade kemudian browser sendiri telah menjadi sebuah portal ke dunia media online. Itulah sebabnya versi2 HTML yang selanjutnya tidak hanya sebagai revisi HTML, tetapi juga sebagai standar yang komprehensif untuk bagaimana halaman web bekerja.

Perkembangan HTML

HTML(Hyper Text Markup Language) atau yang populer disebut dengan HTML merupakan sebuah jenis teks dokumen khusus yang membuat sebuah halaman web yang digunakan oleh Web browser untuk mempresentasikan teks dan gambar . Dan didalam teks tersebut terdapat tag markup. File HTML adalah berisi beberapa instruksi atau perintah yang kemudian diterjemahkan oleh browser yang ada dikomputer user, sehingga isi informasinya dapat ditampilkan secara visual dikomputer user. HTML dikenal sebagai standar bahasa yang digunakan untuk menampilkan dokumen web. Sedangkan dokumen HTML sering disebut sebagai ”Halaman Web”. Browser mengambil halaman Web dari Web server dan karena adanya Internet, Halaman tersebut bisa berada di manapun di dunia. Berikut ini perkembangan html dari HTML1 sampai HTML5 :

HTML Versi 1.0

HTML Versi 1.0 ini memiliki kemampuan untuk membuat sebuah heading, paragraf, hypertext, urutan list, tulisan miring, tulisan tebal, dan peletakan sebuah gambar tapi tidak dapat meletakkan sebuah text disekelilingnya atau wraping.

HTML Versi 2.0

HTML Versi 2.0 kemampuan yang dimilikinya ialah dapat menampilkan sebuah form, dengan adanya form kita dapat memasukan nama, nomor handphone, alamat, serta saran, dan kritik.

HTML Versi 3.0

HTML Versi 3.0 kemampuan yang dimilikinya ialah dapat meletakkan gambar dalam tabel.

HTML Versi 3.2

HTML Versi 3.2 kemampuan yang dimilikinya ialah dapat meletakkan teks disekeliling gambar, background, membuat tabel, frame, membuat style sheet dan juga dapat menggunakan script diluar HTML, seperti JavaScript.

HTML Versi 4

Setelah adanya perkembangan dari versi 1.0 sampai 3.2 di Versi 4 ini banyak sekali perubahan yang signifikan. HTML Versi 4 ini memiliki perintah baru untuk tabel, image, meta, form, link, dan lainnya.

HTML Versi 4.01

HTML Versi ini merupakan Hasil revisi dari pembaruan HTML Versi 4, Versi 4.01 memperbaiki kesalahan-kesalahan pada pembaruan versi sebelumnya.

HTML Versi 5

HTML Versi 5 ini merupakan versi terbaru dan memiliki perubahan yang signifikan, HTML 5 adalah sebuah prosedur pembuatan tampilan web baru yang merupakan penggabungan antara CSS, HTML itu sendiri dengan javascript. Dan juga HTML5 croos-platform, artinya kamu dapat menjalankannya di berbagai platform seperti handphone, tablet, notebook, laptop, komputer, bahkan Smart TV.

FUNGSI DAN KEGUNAAN HTML

Untuk Membuat Halaman Web. Bahasa HTML digunakan untuk membuat halaman web. Semua halaman web pasti dibuat dengan menggunakan HTML.

Sebagai Pondasi Bagi Sebuah Website. Sebuah rumah jika tidak memiliki pondasi maka akan cepat roboh. Begitu juga dengan website. Jika tidak memiliki HTML sebagai pondasi, kita tidak dapat mengimplementasikan bahasa lainnya seperti CSS (bahasa untuk mendesain website), Javascript (bahasa untuk menambah prilaku website), dan PHP (bahasa pemrograman server website).

Untuk menandai teks pada halaman web. Misalnya, kita dapat menandai sebuah teks menjadi bergaris bawah dengan menggunakan tag html <u>

Untuk menandai elemen/bagian pada halaman web. Sebuah website memiliki beberapa bagian seperti header, navigasi, main dan footer. Kita dapat menandai setiap bagiannya dengan HTML.

Untuk menampilkan informasi dalam bentuk tabel

Untuk menambahkan objek seperti audio, video, gambar, dll dalam halaman web

Untuk membuat online form

Berikut ini kelebihan yang dimiliki HTML5

Penggunaan kode lebih rapi dan sederhana

Karena sebagian besar kode telah termasuk di dalam sintaks HTML5, maka kode nampak terlihat lebih sederhana daripada penggabungan antara HTML, CSS dan Java Script.

Pengkodean yang lebih konsisten
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.

Meningkatkan semantik
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, footer dan beberapa bagian lainnya terdefinisi dengan jelas maksud serta tujuannya. Selain itu juga terbentuk dalam sebuah “machine readible format”.

Meningkatkan dan memudahkan struktur dalam pembuatan halaman web
Teknologi HTML5 yang memudahkan struktur pembangunan sebuah web, maka developer dapat membangun pemahaman yang lebih detil mengenai halaman web.

STRUKTUR KODE HTML

PENJELASAN

<HTML>...</HTML>

Mengapa penulisan nya harus diawali <HTML> dan diakhiri </HTML> ? Karena penulisan tersebut telah menjadi standar HTML dalam pembuatan sebuah halaman website. Intinya seluruh code HTML harus di bungkus dengan TAG <HTML>

<HEAD>...</HEAD>

Tag HEAD adalah tag yang membungkus bagian kepala dokumen HTML. di tag ini biasanya berisi title atau judul dan stylesheet

<BODY>...</BODY>

Tag BODY adalah bagian utama dalam dokumen HTML, seluruh isi dalam halaman website harus berada dalam tag BODY

APA ITU TAG ?

TAG dapat diartikan sebagai penanda perintah didalam HTML, TAG ada yang berpasangan dan tidak berpasangan. Dan berikut ini contoh bentuk dari tag HTML :

<ELEMENT ATTRIBUTE = VALUE>

Keterangan:
Element : nama tag
Attrribute : attribute dari tag
Value : nilai dari tag

Misalnya :

<BODY BGCOLOR="YELLOW">

ELEMENT YANG DIHILANGKAN PADA HTML5 :

<accronym>
<applet>
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>
<noframes>
<strike>
<tt>

CONTOH PROGRAM HTML

<HTML>
<HEAD>
<TITLE> Belajar HTML </TITLE>
</HEAD>
<BODY>
<h1>Website HTML pertama</h1>
</BODY>
</HTML>

Kemudian kalian simpan program diatas dengan extensi (dot) html.

PENAMAAN CODE HTML

Setelah menuliskan sebuah code dari Code Editor selanjutnya kalian perlu mengatur extensi file, Extensi nya ialah (.html) Kemudian, Buka file tersebut menggunakan Aplikasi Browser yang kalian miliki.

INTI KEGUNAAN HTML

Membungkus element-element tertentu sesuai kebutuhan

Membuat heading atau format judul

Membuat tabel

Membuat linking

Membuat list

Membuat paragraf

Membuat form

Membuat tombol

Membuat huruf tebal

Membuat tulisan kecil

Membuat tulisan besar

Membuat tulisan subscript

Membuat tulisan supscript

Membuat tulisan tercoret

Membuat tulisan berwarna

Menampilkan background

Membuat huruf miring

Menampilkan gambar

Menampilkan video

Membuat simbol

KESIMPULAN
HTML Adalah bahasa pemrograman mendasar yang wajib dipahami untuk kalian yang ingin menjadi seorang Web Developer Atau Front End Developer.

Itulah sejarah dan perkembangan html dari masa ke masa, semoga bermanfaat!

Referensi: https://www.indosmartdigital.com/artikel-19-sejarah-dan-perkembangan-html.html

https://www.google.com/amp/s/cahyonex.wordpress.com/2013/09/16/sejarah-dan-perkembangan-html-hyper-text-markup-language/amp/

https://www.burung-net.com/2015/05/pengertian-html-fungsi-html-serta-sejarah-html.html?m=1

Nazir Bachrul Ulum

Blogger Tapi Jarang Nulis

Sejarah dan Perkembangan HTML5 [LENGKAP]