Mengenal HTML ialah singkatan dari HyperText Markup Languange merupakan bahasa web atau markup internet yang berasal dari kombinasi antara text dan informasi berupa simbol atau kode yang akan dimasukan kedalam suatu file guna membuat suatu halaman situs. Secara singkat mengenal HTML adalah bahasa markup internet yang beguna untuk membuat suatu website.
Melalui aplikasi browser atau penjelajah internet seperti Google Chrome, Internet Explorer dan Mozilla Firefox, website yang sudah dibuat lewat HTML akan dapat dilihat oleh siapa saja yang terkoneksi dengan jaringan internet. Dalam mengenal HTML dapat menampilkan bermacam informasi pada software di website browser dan juga formating hypertext yang tertulis dalam ASCII atau American Standard Code for Information Interchange.
Mengenal Sejarah Perkembangan HTML
Pada awalnya mengenal HTML pertama kali diciptakan pada tahun 1989 oleh Tim Berners-Lee yaitu salah satu ahli fisika yang berada di lembaga penelitian CERN, Swiss. Saat itu HTML diciptakan untuk mengkodekan beberapa dokumen yang bersifat elektronik secara sederhana dan juga efektif.
Mengenal HTML pada awal perkembangannya telah mengalami bermacam perkembangan pada setiap versinya. Berikut beberapa versi perkembangan dari mengenal HTML, diantaranya:
HTML versi 1.0
Pada versi ini masih terdapat banyak kelemahan dan masih sangat wajar apabila tampilan dari versi ini sangat sederhana. HTML versi 1.0 ini memiliki kemampuan seperti paragraf, hypertext, heading, list dan juga cetak miring maupun tebal pada text. Namun demikian dalam versi ini mampu mendukung gambar pada dokumen tanpa wraping text.
HTML versi 2.0
Sudah ada penambahan pada kualiatasnya dalam menampilan form pada suatu dokumen. Melalui form ini dapat memasukkan alamat, nama, dan juga saran. Keunggulan versi ini adalah mendukung adanya web interaktif.
HTML versi 3.0
Pada versi ini sudah ada penambahan beberapa fasilitas seperti FIGURE yaitu sudah dapat meletakkan tabel dan gambar. Tak hanya itu juga telah tersedia rumus-rumus matematika pada dokumen tersebut. Namun tak lama waktu berselang versi ini tergantikan oleh HTML 3.2
HTML versi 3.2
Salah satu versi yang sering digunakan karena sudah terdapat teknologi yang mendukung dalam meletakkan teks pada sekitar gambar dan gambar sebagai latar belakang, frame, style sheet, tabel dan lainnya. Selain itu versi ini memudahkan Kita dalam menggunakan script yang ada diluar HTML seperti VBScript, dan Javascript sebagai pendukung kinerjanya.
HTML versi 4
Terdapat beberapa perubahan diantaranya seperti link, meta, image, tabel, form, imagemaps dan lainnya. Selain itu juga peningkatan pada beberapa fungsi yang ada pada versi sebelumnya.
HTML versi 4.01
Munculnya versinya sebagai perbaikan dari versi sebelumnya yaitu versi 4, membuat standarisasi untuk atribut dan juga elemen pada script XHTML 1.0.
HTML versi 5.0
Versi terbaru yang sudah ada sejak tahun 2009 yang ditangani oleh organisasi IETF (Internet Engineering Task Force) dan W3C (World Wide Web Consortium) dengan adanya tambahan memiliki prosedur dalam pembuatan tampilan pada website baru melalui gabungan dari HTML dengan javascript, dan CSS.
Jika mengenal HTML lebih dalam, seperti yang sudah dijelaskan sebelumnya memiliki singkatan dari HypertText Markup Language, namun tahukah Anda apa saja arti dan juga penjelasan dari setiap kata tersebut?
Hypertext, merupakan metode yang berguna untuk berpindah satu halaman website ke halaman website lainnya dengan menggunakan text khusus pada internet yang disebut dengan hyperlink. Cara kerjanya text tersebut apabila Kita klik nantinya Kita akan diarahkan pada halaman website lainnya. Itulah mengapa disebut dengan hypertext.
Markup, cukup terdengar unfamiliar bagi yang belum mengenal tentang HTML, nah Makup ini merupakan hal yang biasa dilakukan dalam tag HTML pada teks yang tersedia guna menandai tipe teks tertentu. Seperti contohnya terdapat tag atau tanda html <i> maka berarti teks dengan tanda tersebut akan berubah jadi italic atau berupa huruf miring, begitu juga contohnya dengan tag <b> berarti bold maka teks akan berubah menjadi tebal.
HTML dibuka dengan tag khusus dengan nama Opening Tag dan ditutup dengan Closing Tag yang disisipi tag penutup </b>. Namun terkadang juga ada kasus tag tidak mempunyai Opening tag dan Closing Tag sebagai Contoh tag Gambar <img Src=”UTL GAMBAR” />.
Contoh menerapan Struktur dasar dari HTML (Catatan Anda bisa memanfaatkan Tools dari https://www.w3schools.com/html/ untuk mengeksekusi dan melakukan prakter percobaan Kode HTML Anda) :
-========================-
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
-========================-
Keterangan :
<!DOCTYPE html> – Merupakan deklarasi dari type dokumen dari HTML tersebut
<html></html> – Dikenal dengan element utamad dari HTML karena semua element berada di dalamnya.
<head></head> – Element ini berfungsi untuk memasukkan suatu konten yang tidak dimunculkan namun tetap diakses pertama kali. Sangat cocok untuk meletakkan beberapa kode pemanggil baik itu JS, CSS dan lainnya. Konten lainnya seperti keyword, deskripsi, CSS, dll.
<title></title> – Merupakan judul dari halaman website yang muncul pada bagian tab browser.
<body></body> – Berisi konten yang ditampilkan pada browser ketika pengunjung mengakes halaman tersebut.
Cukup Sampai Disini Dulu Semoga Bermanfaat
Komentar
Posting Komentar