Belajar HTML dari Nol: Pengenalan Dasar HTML untuk Pemula

HTML memang bahasa yang wajib dipelajari, bagi yang mau menjadi web developer. Wajib karena, HTML merupakan bahasa dasar untuk membuat web. Mudah-mudahan kalian sudah pernah mendengar HTML sebelumnya, terutama kakak-kakak Kelas 9. Tapi tidak ada salahnya membaca kembali artikel ini.

Pada tutorial ini, kita akan benar-benar membahas dari nol hingga kamu bisa membuat halaman HTML sendiri. Baiklah…Mari kita mulai!

Apa itu HTML?

Mari kita lihat pengertian HTML menurut wikipedia:

HTML atau HyperText Markup Language merupakan sebuah bahasa untuk membuat halaman web. Jadi, HTML itu adalah sebuah bahasa yang menggunakan markup atau penanda untuk membuat halaman web. Penanda atau markup ini, nanti akan kita sebut dengan Tag. HTML berperan untuk menentukan struktur konten dan tampilan dari sebuah web. Jika kita ibaratkan, HTML itu seperti batu bata untuk membangun rumah. Batu bata ini dapat disusun, hingga menjadi fondasi dasar.

Dalam membuat halaman web, HTML tidak sendirian. Ada bahasa lain lagi yang menjadi pelengkapnya, yakni CSS dan Javascript. CSS adalah bahasa khusus yang digunakan untuk memperindah tampilan web. Lalu, Javascript bertugas untuk membuat halaman web menjadi hidup. Karena dengan Javascript, kita dapat menentukan fungsi-fungsi maupun efek yang akan diterapkan di website.

Pada tutorial kali ini.. kita akan fokus dulu membahas HTML. Hihi…?

Sejarah dan Asal-usul HTML

Pada tutorial ini, kita akan bahas sejarahnya secara singkat.

Cerita awal kemunculan HTML dimulai dari tahun 1980. Saat itu seorang ilmuwan bernama Tim Berners-Lee sedang bekerja di CERN. 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.

Nah, sekarang.. Tiba saatnya kita praktik!

Tapi sebelum itu, kamu harus siapkan beberapa alat yang akan digunakan untuk praktik.

Adapun peralatan yang harus kamu persiapkan adalah:

1. Teks Editor untuk Menulis HTML

Teks editor akan kita gunakan untuk menulis kode-kode HTML. Kamu bebas menggunakan teks editor apapun (Notepad, Visual Studio Code, dll)

2. Web Browser untuk Membuka HTML

Web browser akan kita gunakan untuk membuka HTML. Kamu juga bebas menggunakan web browser apapun (Firefox, Google Chrome, dll)

Membuat Dokumen HTML Pertamamu

Mari kita mulai dengan membuka teks editor, lalu tulislah kode berikut.

Setelah itu, simpan dengan nama hello-world.html

Tips: buat kamu yang menggunakan Notepad di Windows, simpanlah nama filenya dengan menggunakan tanda petik "hello-world.html" agar ekstensinya .html, bukan .txt.

Sekarang cobalah buka file hello-world.html dengan web browser.. maka hasilnya:

Selamat! ? Kita sudah berhasil membuat halaman web pertama dengan HTML.

Struktur Dasar HTML

Kalau kita perhatikan.. struktur dasar kode HTML terdiri dari tiga bagian penting:

• Bagian Deklarasi

Tag wajib ada di setiap dokumen HTML. Nah di dalam tag ini, terdapat dua tag penting lagi.. yakni: tag dan tag .

• Bagian HEAD

Bagian HEAD adalah bagian kepala dari HTML. Dimulai dari tag dan ditutup dengan . Pada bagian HEAD, biasanya digunakan untuk menuliskan tag-tag yang akan dibaca oleh mesin, seperti : Tag