Website adalah hal yang sudah biasa kita dengar untuk zaman sekarang. Tapi teknologi yang digunakan selalu ada yang terbaru dan semakin dinamis. Hal ini menjadi tantangan tersendiri untuk orang-orang yang ingin atau sedang bergelut di dunia pemrograman.
Dalam pembuatan web diperlukan tiga teknologi yang bekerja sama, seperti :
- HTML (HyperText Markup Language) yang berfungsi sebagai kerangka atau struktur halaman web. Bisa dicontohkan HTML itu ibarat kerangka mobil atau pondasi dalam suatu website.
- CSS (Cascading Style Sheets) fungsinya yaitu untuk menata atau mepercantik dari kerangka yang kita buat. Bisa diibaratkan kerangka mobil sebelumnya, setelah merakit kerangkanya kita mempercantik body nya seperti menambahkan kaca, spion, dan ban. Kurang lebih CSS lebih fokus ke style yang membuat website lebih menarik.
- JS (JavaScript) yang fungsinya sebagai otak yang menghidupkan elemen-elemen di halaman web. Jika digambarkan dalam suatu mobil, JS ini berfungsi sebagai mesin yang menghidupkan kerangka (HTML) dan style (CSS) agar halaman didalam web tidak mati dan berfungsi dengan baik.
Karena kali ini kita akan mempelajari HTML atau keranka di dalam suatu website. Jadi kita berfokus ke HTML saja. Apasih HTML itu?
HTML(HyperText Markup Language) bisa kita sebut bahasa markup, bahasa untuk menandakan sesuatu dan awal mula Markup Language digunakan untuk membuat struktur sebuah "paper" agar mudah dibaca dan dibagikan melalui internet.
HTML dari sebuah halaman website merupakan sekumpulan element yang dimengerti oleh browser. Berikut beberapa emelent yang umum digunakan :
<p> element, digunakan untuk paragraf.
<h1> element, menggambarkan judul utama.
<img> element, digunakan untuk memuat gambar.
-
<form> element, berfungsi sebagai formulir.
Cara membuat element adalah dengan menuliskan tag HTML. Biasanya (tidak semua) suatu element ditulis dengan tag "pembuka" dan "penutup". Contoh element pembuka "<p>" dan element penutup "<p/>". Jika tag pembuka hanya di buka dengan kurung sudut "<>" , kalau teks penutupnya di tambahkan tanda slash (garis miring) di dalam tag nya "</>".
Kenapa HTML ini kita sebut bahasa markup? Karena tujuannya untuk memberitahu browser kalau setiap bagian pada tag memiliki fungsinya masing-masing. Seperti kita memberitahu pada browser kalau bagian-bagian yang kita buat perlu di format sesuai kerangka yang kita buat  dan kerangkanya ini adalah dengan bahasa HTML itu.
