Kamu tahu website?
Jika kamu sudah tahu atau bahkan pernah mengaksesnya, berapa banyak website yang sudah pernah kamu akses?
Pastinya banyak kan...
Tapi apakah kamu pernah berpikiran untuk membuat website sendiri? Jika pernah berpikir seperti itu, sekarang bagaimana caranya kamu untuk membuat website sendiri?
Baik, sebenarnya di zaman sekarang ini sudah banyak sekali cara instant yang dapat digunakan dalam membuat website seperti menggunakan CMS (Content Management System). Tapi sebagai seorang developer, kamu harus mengetahui dan mempelajari dari awal bagaimana caranya membuat suatu website.
Hal yang paling mendasar dari membuat suatu website adalah tampilan. Untuk dapat membuat tampilan dari website, dibutuhkan adanya bahasa yang relevan. Bahasa tersebut akan digunakan oleh manusia untuk membuat tampilan dari suatu website. Bahasa yang dimaksud adalah HTML. Jadi, apa itu HTML?
HTML yaitu:
- Singkatan dari HyperText Markup Language.
- Merupakan bahasa markup atau bahasa markah, bukan bahasa pemrograman. Bahasa ini menggunakan tag atau penanda untuk mendefinisikan elemen dalam webpage.
- Digunakan untuk membangun kerangka / layout dari suatu webpage.
- HTML menggambarkan struktur dari webpage.
Konsep HTML
Bagaimana HTML ini bekerja?
Bahasa HTML akan ditulis dan disimpan dalam sebuah file, dimana file tersebut berisi berisi kode-kode dalam bahasa HTML. Untuk dapat melihat hasilnya, maka file tersebut dibuka melalui web browser. Ketika dibuka melalui web browser, file yang berisi kode-kode tersebut akan dibaca dan diterjemahkan sehingga menghasilkan tampilan yang dapat dilihat dan dipahami oleh manusia, bukan berbentuk kode HTML.
Dokumen HTML
Dokumen HTML disimpan dalam file dengan format .html. Contoh dari isi file HTML seperti di bawah ini:
Karena HTML adalah bahasa markup, maka setiap elemen yang ada dalam file HTML tersebut dianggap sebagai penanda. Contohnya yaitu pada bagian <h1>Webpage pertamaku</h1>, itu berarti menandakan heading / bagian judul. Jika file yang berisi kode HTML tersebut dimuat dalam web browser akan terlihat seperti berikut:
Dapat dilihat dari output di atas bahwa dalam webpage tersebut terdapat tulisan besar "Webpage pertamaku". Itu dikarenakan kode <h1> dalam file tersebut akan memberitahu web browser untuk menampilkan heading / teks judul.
Kode-kode yang ada dalam file HTML akan ditampilkan secara visual oleh web browser. Web browser tidak akan menampilkannya dalam bentuk kode, melainkan akan menerjemahkannya sehingga dapat kita lihat secara visual.