Teori Dasar HTML
Apa itu HTML ?
HTML (Hypertext Markup Language) merupakan gabungan dari dua istilah : hyper dan markup language. Apa sih itu ?
Hypertext yaitu dokumen berisi tautan yang memungkinkan pengguan terhubung ke halaman lain.
Sedangkan markup language merupakan bahasa komputer yang terdiri dari sekumpulan kode untuk mengatur struktur dan menyajikan informasi.
Jadi, HTML adalah bahasa markup untuk membuat struktur halaman website.
Apa itu Tag, Elemen, dan Atribut ?
Agar lebih mudah dalam belajar HTML dasar, Anda harus berkenalan dengan tag, elemen, dan atribut. Mereka adalah tiga sekawan yang menjadi atom pembentuk HTML.
Berikut masing-masing penjelasanya.
- Tag, digunakan sebagai awalan intruksi atau perintah yang akan dibaca web browser. Misalnya: tag <bold>. Tag ini akan meminta browser menampilkan teks dalam format label.
- Element, merupakan keseluruhan kode yang terdiri dari tag pembuka (<>) hingga penutup (</>). Contohnya: <h1> Contoh Element </h1>. Meski demikian, tidak semua tag HTML memiliki pasangan penutup.
- Attribuute, yaitu informasi atau perintah tambahan yang berada di dalam elemen. Misalnya: <img src="pantai.jpg" alt=:Pantai Baron.> Elemen ini menggunakan tag <img> dengan atribut sumber gambar (src) dan alt text (alt).
Kerangka Inti HTML
Sampai sini, Anda sudah mengetahui apa saja atom penyusun HTML. Jika atom-atom tersebut dikumpulkan, terbentuklah dokumen HTML.
Namun, mari usir bayangan dokumen HTML yang dipenuhi ratusan tag. Kita akan mengulik bentuk dokumen HTML paling sederhana dan menjadi kerangka inti yang menyusun setiap dokumen HTML di dunia ini.
- <!DOCTYPE html> berfungsi untuk mendeklarasikan kepada komputer bahwa Anda akan menuliskan perintah dalam kode HTML.
- <html></html> merupakan tag yang menandakan bahwa Anda memulai dan mengakhiri dokumen dalam kode HTML.
- <head></head> diisi dengan metadata dari dokumen HTML. Seperti judul tab, deskripsi, dan lain-lain;
- <body></body> diisi dengan konten halaman website.
Bonus info, jika Anda penasaran untuk melihat dokumen HTML sebuah halaman website, silahkan lakukan trik berikut: klik kanan pada mouse dan pilih View page source (Lihat sumber halaman). Atau sederhananya dengan menekan Ctrl + U.
Belajar HTML dengan Editor HTML
Setelah mempelajari teori belajar HTML dasar, kini saatnya Anda menyiapkan editor HTML. Editor HTML merupakan lembar kerja untuk membuat dan mengedit dokumen HTML.
Ada berbagai editor HTML yang bisa Anda gunakan secara gratis. Seperti Notepad++, Atom, Bracket, dan banyak lagi. Namun sebelum memilih editor HTML, pastikan OS komputer Anda kompatibel.
Download Notepad++
Memilih Browser Terbaik
Setelah membuat dokumen HTML, Anda pasti ingin melihat hasilnya, bukan ?. Karena itu, pastikan Anda sudah memiliki web browser. Web browser merupakan aplikasi untuk mengakses dan menampilkan halaman website.
Oleh web browser, bahasa komputer yang telah Anda buat di editor HTML akan diterjemahkan ke dalam tampilan yang dipahami manusia.
Nah untuk berjaga-jaga, sebaiknya siapkan menimal dua web browser. Meski sudah ada standarisasi HTML, bisa saja terjadi error sehingga tampilan antara satu web browser dengan browser lainya berbeda.
Post a Comment