Install this site on your device
mediabalangan.com - HTML memang bahasa yang harus dipelajari, bagi mereka yang ingin menjadi pengembang web. Karena HTML adalah bahasa dasar untuk membuat web.
Saya yakin, Anda pernah mendengar HTML sebelumnya. Tapi tidak ada yang salah dengan membaca artikel ini.
Dalam tutorial ini, Media Balangan akan benar-benar membahas dari nol hingga Anda dapat membuat halaman HTML Anda sendiri.
Baik, Mari Kita Mulai. Letss GO !
Daftar Isi
Apa itu HTML?
HTML adalah bahasa yang digunakan untuk membuat halaman web. Bagi yang
berkecimpung di dunia perangkat gadget dan ilmu komputer, pasti sudah tidak
asing lagi dengan berbagai kode di dalamnya. HTML adalah kependekan dari
Hypertext Markup Language.
Jika kita ibaratkan HTML seperti batu bata untuk membangun rumah. Batu bata
ini dapat diatur, untuk menjadi dasar dasar fondasi untuk membangun rumah.
Sejarah dan Awal Mula HTML
Saat itu seorang ilmuan bernama Tim Berners-Lee sedang bekerja di CERN.CERN
sendiri bukanlah perusahaan yang berkaitan tentang teknologi maupun internet.
CERN adalah singkatan dari bahasa prancis: Conseil Européen pour la Recherche
Nucléaire.Yang artinya: Komisi Eropa untuk Penelitian Fisika Nuklir.
Para peneliti di CERN membutuhkan sebuah cara atau sistem agar bisa saling
berbagi dokumen hasil penelitian. Tim kemudian mencoba membuat ENQUIRE. Ini
adalah software hypertext yang akan digunakan untuk berbagi dokumen. Lalu di
tahun 1989, Tim memperkenalkan ide tentang hypertext berbasis internet. Ini
nantinya akan menjadi cikal-bakal HTML. Tim kemudian memulai proyek baru
dengan rekannya Robert Cailliau yang merupakan system engineer di CERN. Akan
tetapi proyek ini tidak resmi diadopsi oleh CERN.
Pada akhir tahun 1991, Tim Berners-Lee menerbitkan dokumen yang berjudul: “HTML Tags”. Dokumen ini berisi penjelasan tentang 18 tags awal yang menjadi konsep dasar HTML. HTML sebenarnya dirancang berdasarkan pada konsep bahasa markup yang dikenal dengan SGML (Standard Generalized Markup Language). SGML adalah sebuah standar internasional untuk membuat dokumen dengan tanda (markup) seperti paragraf, list, heading, dan lain-lain.
HTML adalah implementasi dari SGML. Kalau kita lihat, beberapa tag seperti
title, p, li, dan h1 sampai h6 berasal dari SGML. Namun, tidak
semua yang ada di HTML berasal dari SGML. Salah satunya adalah Hyperlink, yang
murni hasil pemikiran Tim Berners-Lee. Ide tentang HTML ini kemudian
disebarkan ke dalam sebuah mailing list dan segera menjadi perhatian berbagai
ilmuwan komputer di seluruh dunia.
Versi pengembangan HTML
-
[Alpha]HTML 1.0 (Juni 1993) adalah versi HTML pertama, namun tidak resmi dirilis; - HTML 2.0 (24 November 1995) adalah versi HTML kedua yang resmi pertamakali beredar di pasaran dan dirilis oleh IETF;
-
[Alpha]HTML 3.0 (28 Maret 1995) versi ini gagal beredar, karena banyak perubahan yang memicu perdebatan; - HTML 3.2 (14 Januari 1997) versi resmi yang dirilis W3C pertamakali.
- HTML 4.0 (24 April 1998) versi pengembangan dari yang seblumnya;
- HTML 4.01 (24 Desember 1999) versi perbaikan dari HTML 4.0;
- XHTML 1.0 (26 Januari 2000) pengembangan dari HTML 4.01 dengan mengadopsi XML;
- XHTML 2.0 (Augustus 2002—Juli 2006) versi kedua dari XHTML;
- HTML 5 (28 Oktober 2014) versi html saat ini.
Versi [Alpha] adalah versi tidak resmi yang dirilis ke pasar.
Contoh Cara Membuat HTML
Di bawah ini adalah contoh halaman web dasar yang ditulis dalam HTML dengan deskripsi setiap bagian dan fungsinya. Sebagai bahan utama untuk halaman web dasar. Setiap baris dijelaskan di bawah dengan lebih rinci.
<html lang="en">
<head>
<title>Belajar HTML #01</title>
</head> <body>
<h1>Tag Heading H1</h1> <p>Hello <b>World!</b></p> </body> </html>
- Baris DOCTYPE menjelaskan versi HTML. Halaman itu ditulis sehingga browser Internet dapat menafsirkan teks yang mengikutinya.
- Tag pembukamemungkinkan browser mengetahui bahwa ia sedang membaca kode HTML.
- Bagianberisi informasi tentang halaman, seperti judul, tag meta, dan di mana bisa menemukan file CSS.
- Bagianberisi semua yang dapat dilihat di browser. Semisal, semua teks yang terlihat di sini terkandung dalam tag badan.
- Tag h1,adalah judul halaman yang terlihat.
- Tag p, adalah paragraf teks. Sebagian besar halaman web (seperti ini) memiliki beberapa tag paragraf.
- Di dalam paragraf terdapat tag b, yang menebalkan kata, contoh kata dalam paragraf.
- Terakhir, tag penutup membungkus setiap tag di atas.