Apa Itu HTML?

HTML merupakan singkatan dari (HyperText Markup Language) merupakan bahasa dasar yang digunakan dalam pembuatan ataupun menyusun halaman website. Bahasa HTML tidak seperti bahasa pemrograman pada umumnya seperti Javascript atauapun Python, dikarenakan bahasa ini tidak memiliki logika dalam pemrograman. Sebaliknya, HTML berfungsi menandai struktur konten pada halaman web, contohnya seperti elemen teks, gambar, atau bahkan tabel. Karena itu, mesin pencari seperti Google dapat melakukan crawling terhadap halaman yang kita buat, sehingga website kita dapat terindeks dan muncul di hasil pencarian.

Kenapa HTML Penting?

Bisa diibaratkan, jika manusia tidak memiliki tulang, seindah atau sekuat apapun tubuhnya, jika tidak memiliki tulang, dia tidak akan bisa bergerak. Sebab, manusia membutuhkan tulang atau kerangka sebagai dasar untuk menopang tubuh dan melakukan pergerakan. Begitu juga dengan website tanpa HTML, website tidak akan memiliki struktur dasar yang dapat dibaca oleh browser. Sebagus apapun desain atau fitur interaktifnya, semuanya tidak akan berfungsi tanpa HTML sebagai kerangkanya. Jadi, semua situs website yang terdapat pada mesin pencari seperti Google, maupun Framework apapun yang kalian gunakan, pasti HTML sebagai struktur dasarnya.

Apakah HTML Termasuk Bahasa Pemrograman?

Sebagian developer termasuk saya berpendapat bahwa HTML tidak termasuk bagian dari bahasa pemrograman, dan faktanya memang IYA. HyperText Markup Language adalah bahasa markup. artinya HTML memang digunakan untuk menyusun suatu konten dalam halaman web. Dan ditambah lagi, HTML tidak mendukung logika pemrograman seperti if else, for loop, while, dan sebagainya.

Aplikasi Yang Kita Gunakan Untuk Menulis HTML

Teman-teman dapat menggunakan aplikasi teks editor kesukaan kalian seperti Notepad++ atau Sublime Text. Tetapi, saya sendiri menggunakan Visual Studio Code. Kenapa? karena visual studio code sendiri terdapat banyak fitur ataupun embed yang dapat membantu kita pada saat coding nanti.

Struktur Dasar HTML

Berikut adalah struktur dasar dari dokumen HTML.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>NganggurDev - Learn HTML Basic</title>
  </head>
  <body>
    <h1>Hello World!</h1>
    <p>this is my first paragraph on HTML.</p>
  </body>
</html>

Coba kita bahas beberapa tag pada kode diatas:

<!DOCTYPE html> Kita memberi tahu pada browser bahwa ini adalah dokumen HTML 5.
<html> Tag utama pada HTML yang membungkus seluruh halaman.
<head> Bagian ini yang menyimpan informasi meta seperti judul, charset, dan meta tag.
<title> Judul pada halaman yang muncul pada tab browser
<body> Seluruh konten halaman web akan ditampilkan melalui tag ini
<h1> dan <p> Meruapakan tag heading dan paragraf untuk menampilkan teks pada halaman.

Testing di Browser

Kalian bisa mencoba script HTML yang sudah kita buat menggunakan teks editor kalian masing masing, lalu simpan file tersebut dengan ekstensi .html. Setelah itu, buka filter tersebut di browser.

Kesimpulan

Pada artikel kali ini, kita diharapkan untuk mengetahui seberapa penting HTML untuk struktur dasar dalam pembuatan website serta bagaimana cara implementasi kode dasar pada dokumen HTML.

Terimakasih, sampai jumpa di artikel selanjutnya.

Belajar HTML Untuk Pemula #1: Fondasi Utama dalam Membangun Sebuah Website