Pertama kali mengenal web, saya tidak benar-benar mendalami apa sih web? buat apa web digunakan? bagaimana cara membuat sebuah web?
Itu semua saya tidak terlalu memperhatikannya dikarenakan memang dari saya sendiri belum ada ketertarikan untuk membuat sebuah web.
Malahan apa yang saya dapat sewaktu kuliah dulu hanya sebagai angin lalu saja, saat itu!
Saat itu mata kuliah yang diajarkan adalah tentang HTML.
Diajarkan bagaimana membuat sebuah website dengan HTML, dan editor yang dipakai adalah menggunakan notepad.
Ya… memang sangat mendasar sekali pembelajaran HTML waktu itu.
Mungkin itu riwayat singkat, awal mengenal HTML dan belum tertarik sama sekali hehehe.
Kalau dihitung tahun mulai menggeluti website lagi 4 tahun berselang, tepatnya di tahun 2010. Dan di tahun inilah ketertarikan dalam pengembangan website di mulai.
Alhamdulillah hingga saat ini bisa membuka Jasa Pembuatan Website Profesional yang semulanya belajar dari HTML.
Apa itu HTML
HyperText Markup Language, atau disingkat dengan sebutan HTML adalah bahasa markup yang digunakan untuk membuat halaman web.
Kalau saya kutip dari w3schools.com yang dimaksud dengan HTML adalah:
- HTML adalah singkatan dari Hyper Text Markup Language
- HTML menggambarkan struktur halaman Web menggunakan markup
- Elemen HTML adalah blok bangunan halaman HTML
- Elemen HTML diwakili oleh tag
- Tag HTML memberi label potongan konten seperti “heading”, “paragraf”, “table”, dan sebagainya
- Browser tidak menampilkan tag HTML, tetapi menggunakannya untuk merender konten halaman
Nah, itulah apa yang disebut HTML. Apakah Anda sudah mengerti?
Mari kita lanjut lagi dengan membahas singkat tentang versi-versi yang terdapat di HTML.
Versi-versi dalam HTML
HTML mengacu pada bahasa markup yang memiliki beberapa versi. Dan berbagai browser web dan user agent lain yang memiliki banyak tingkat dukungan untuk versi ini.
Umumnya, versi sebelumnya, dukungan browser lebih ada untuk versi tersebut. Versi yang dimaksudkan disini adalah versi-versi HTML yang telah didukung oleh browser web, diantaranya:
1. HTML
- HTML 2.0; ini dipublikasikan IETF RFC pada tahun 1995. Didukung oleh beberapa browser seperti Mosaic.
- HTML 3.2; versi ini merupakan rekomendasi pertama W3C. ini memiliki dukungan browser yang lebih luas. Dan sebagian karena terdapat banyak browser lagi, kemudian menjadi direkomendasikan pada tahun 1997.
- HTML 4.0 dan HTML 4.01; Pada bulan Desember 1997, W3C merilis versi 4.0 yang merupakan upgrade dari HTML 3.2 sebagai rekomendasi. Versi ini menambahkan banyak fitur dan tag dan menyediakan tiga versi: transactional, strict, dan frameset. Kemudian pada bulan Desember 1999 diperbarui ke versi 4.01
2. XHTML
- XHTML 1.0; adalah formulasi ulang HTML 4.01 di bawah aturan XML, dan itu diterbitkan sebagai rekomendasi oleh W3C pada bulan Januari 2000. Ini memiliki sintaks yang lebih ketat dan mengharuskan XHTML setiap sah dan terbentuk dengan baik dalam rangka untuk menampilkan dengan benar. Kebanyakan web browser membuat dokumen XHTML 1.0 yang sama seperti mereka membuat dokumen HTML 4.01 .
3. HTML5
- HTML5; mulai dikembangkan pada tahun 2004, ketika kelompok kerja W3C HTML memutuskan untuk menggabungkan HTML dan XHTML untuk membuat sebuah HTML bahasa murni berbasis XML. Ini ditinggalkan para desainer dan produsen browser yang menginginkan solusi yang lebih fleksibel dengan pilihan untuk berhenti atau membuat spesifikasi baru mereka sendiri. Mereka menciptakan sebuah kelompok baru yang disebut Web Hypertext Application Technology Working Group atau WHATWG. HTML5 menjadi konsep kerja W3C pada tahun 2008.
Perbedaan HTML dan Bahasa Pemrograman lain
HTML dibuat dari beberapa elemen yang sering disebut tag yang membangun konten sebuah halaman web. Adapun perbedaan antara HTML dan bahasa pemrograman lain yaitu:
1. HTML tidak dikompilasi.
HTML ditulis dan digunakan tanpa perubahan apapun yang dilakukan untuk itu. Jika saya memulai dengan teks file maka yang muncul di browser pun akan sama berupa dengan teks file.
2. HTML dapat dibaca manusia.
Ketika beberapa bahasa pemorgraman lain dapat dibaca oleh orang dan tidak hanya mesin, Anda harus memiliki banyak waktu untuk mempelajari bahasa dengan benar-benar memahaminya.
Sebagai perbandingan, kebanyakan HTML pemula setidaknya dapat menerka apa itu sebuah tag <img> lakukan.
Apa yang ditulis di HTML
Ketika sedang membuat markup dokumen untuk web, Anda menampilkan proses yang sama, kecuali anda melakukannya dengan menambahkan tag pada teks.
Dengan HTML, kunci yang perlu diingat adalah bahwa Anda harus menambahkan tag untuk menunjukkan struktur dokumen (bukan bagaimana anda ingin disajikan); contohnya, yang mana bagian dokumen itu adalah sebuah judul, paragraf, apa yang dimiliki dalam sebuah tabel, dan lain sebagainya.
Browser web seperti Internet Explorer, Firefox, dan Google Chrome, semuanya menggunakan markup ini membantu untuk menyajikan teks yang mudah dipahami, sama seperti dengan pengolah kata, kepala judul lebih besar dari teks dalam paragraf, terdapat ruang di atas dan di bawah tiap paragraf, dan untuk daftar poin diberi lingkaran di depannya.
Jadi, Anda mengenal HTML adalah kunci untuk membuat sebuah browser untuk menampilkan halaman web Anda, tetapi seperti apa tepatnya HTML terlihat? dan apa yang dilakukannya? Supaya Anda lebih memahami lagi tentang HTML dan bahasa markup yang dipakai, lihat contoh di bawah ini:
<head>
<title> HyperText Markup Language</title>
</head>
<body>
<h1>Apa itu HTML</h1>
<p>HTML adalah bahasa markup yang digunakan
untuk membuat halaman web.</p>
</body>
</html>
Apakah sudah mengerti contoh di atas? Saya akan menjelaskannya nanti semua sehingga itu akan terlihat masuk akal. Seperti Anda bisa lihat, ada beberapa sekumpulan kurung sudut dengan kata-kata atau huruf-huruf diantaranya, seperti <html>,<head>,</title>, dan</body>. Kurung sudut ini dan kata-kata di dalamnya adalah yang dikenal sebagai tag.
Sampai dengan poin ini, Anda baru saja mulai merasakan seperti apa tampilan HTML.
Apa yang browser buat
Ketika browser membaca HTML anda, itu menerjemahkan semua tag yang terdapat di sekeliling teks Anda. Tag adalah hanya kata-kata atau karakter di dalam kurung sudut, seperti <head>, <h1>, <p>, dan lainnya. Tag memberitahukan browser mengenai struktur dan arti dari teks anda. Jadi daripada Anda hanya memberikan sekumpulan teks pada browser, dengan HTML Anda dapat menggunakan tag untuk memberitahukan browser apakah teks itu adalah sebuah kepala judul, apakah teks itu sebuah paragraf, apakah yang teks butuhkan untuk ditekankan, atau bahkan dimana gambar perlu ditempatkan.
Mari kita lihat bagaimana browser menerjemahkan tag yang telah dibuat markup sebelumnya:
Seperti Anda dapat lihat, dokumen ini berisi kepala judul “Apa itu HTML ” dan dua buah paragraf teks untuk menjelaskan isi dari kepala judul. Sedangkan untuk judul halaman web “HyperText Markup Language” terletak di sudut kiri atas dari jendela browser.
Semoga bermanfaat.
Leave a Reply