HTML merupakan bahasa pemrograman dasar yang wajib di kuasai bagi seorang web developer.

Karena HTML merupakan unsur dasar dari pembangunan sebuah website. 

Jika di ibaratkan, HTML menjadi pondasi pada sebuah rumah atau bangunan. Karena bentuk pada halaman website di buat menggunakan HTML.

HTML merupakan bahasa pemograman dasar yang wajib di kuasai bagi seorang web developer. Karena HTML merupakan unsur dasar dari pembangunan sebuah website. 

1. Pengertian HTML

HTML (HyperText Markup Language) adalah bahasa markup standar yang digunakan untuk membuat dan menyusun halaman web.

HTML bekerja dengan cara menandai elemen-elemen dalam sebuah halaman web sehingga dapat ditampilkan dengan struktur yang rapi di browser.

HTML bukanlah bahasa pemrograman seperti JavaScript atau Python,

melainkan bahasa markup yang menentukan struktur sebuah halaman web dengan menggunakan elemen-elemen atau tag.

Setiap elemen HTML memiliki peran tertentu, seperti menampilkan teks, gambar, tautan, video, atau elemen interaktif lainnya.

2. Sejarah HTML

HTML pertama kali dikembangkan oleh Tim Berners-Lee pada tahun 1991.

tim-berners-lee_pengenalan_html_bababacoding
Tim Berners-Lee

Versi awalnya sangat sederhana, hanya terdiri dari beberapa elemen dasar untuk membuat dan menautkan dokumen teks.

Seiring waktu, HTML berkembang menjadi lebih kompleks dengan fitur-fitur baru yang memungkinkan tampilan web lebih menarik dan interaktif.

Pada tahun 1995, HTML 2.0 dirilis sebagai standar resmi.

Kemudian, HTML 4.01 yang dirilis pada tahun 1999 membawa banyak peningkatan dalam format dokumen web.

Saat ini, versi terbaru adalah HTML5, yang menawarkan banyak fitur baru seperti dukungan untuk video, audio, dan elemen grafis tanpa memerlukan plugin tambahan.

2. Fungsi HTML

HTML memiliki beberapa fungsi utama dalam pengembangan web.

  • Membuat Struktur Halaman Web: HTML digunakan untuk menentukan tata letak dan struktur dasar dari sebuah halaman web.
  • Menampilkan Konten: HTML memungkinkan penyajian berbagai jenis konten seperti teks, gambar, video, dan audio.
  • Menyediakan Navigasi: HTML memungkinkan pembuatan tautan antar halaman sehingga pengguna dapat dengan mudah berpindah dari satu halaman ke halaman lainnya.
  • Interaksi dengan Teknologi Lain: HTML dapat bekerja bersama CSS untuk mempercantik tampilan dan JavaScript untuk menambahkan interaktivitas pada halaman web.

4. Tools Untuk Membuat Dokumen HTML

Untuk membuat file HTML, kamu tidak perlu menginstall banyak tools seperti web server atau database.

Cukup dengan

Text Editor

untuk menulis file HTML, kita bisa menggunakan editor teks seperti

  • Notepad
  • Visual Studio Code
  • Sublime Text
  • Atom
  • Notepad++
  • dll.

Browser

Setelah menulis file HTML, langkah selanjutnya adalah menjalankannya di browser. Kamu dapat menggunakan browser seperti Chrome, Mozilla, Edge, Safari, dll.

5. Struktur HTML

Setiap halaman web yang dibuat menggunakan HTML memiliki struktur dasar yang harus diikuti agar dapat ditampilkan dengan benar di browser.

Struktur dasar HTML terdiri dari elemen-elemen utama seperti <!DOCTYPE html>, <html>, <head>, dan <body>. 

<!DOCTYPE html>
<html lang="id">
<head>
    <title>Judul Halaman</title>
</head>
<body>
    <p>Ini adalah contoh struktur dasar dokumen HTML.</p>
</body>
</html>

Penjelasan Struktur HTML

  • <!DOCTYPE html>
    Deklarasi DOCTYPE digunakan untuk memberi tahu browser bahwa dokumen ini merupakan dokumen HTML5.
  • <html lang=”id”>
    Elemen <html> adalah elemen utama yang membungkus seluruh isi halaman web. Atribut lang="id" menunjukkan bahwa bahasa utama halaman ini adalah bahasa Indonesia.
  • <head>
    Bagian <head> berisi informasi metadata tentang halaman web, salah satunya seperti untuk menentukan judul halaman web (<title>).
  • <body>
    Bagian <body> berisi konten utama yang akan ditampilkan di browser.

Dengan memahami struktur ini, kita dapat membangun halaman web yang terstruktur dengan baik dan mudah dibaca oleh browser maupun mesin pencari.

Setelah mengetahui struktur HTML, sekarang kita akan mulai menulis dokumen HTML pertama kita.

Buka text editor favorit kamu, kamu bisa menggunakan Notepad biasa untuk latihan pertama ini.

Tuliskan script berikut :

<!DOCTYPE html>
<html lang="id">
<head>
    <title>My First Website</title>
</head>
<body>
    <h1>Selamat datang di websiteku</h1>
    <p>Ini adalah halaman pertama HTML saya</p>
</body>
</html>

Simpan file tersebut dengan nama latihan.html di folder yang kamu inginkan.

Nah, untuk membuat dokumen HTML, kamu harus selalu menyimpannya ke dalam ekstensi .html

Sekarang buka file HTML yang sudah kamu simpan tadi, maka secara otomatis file HTML tersebut akan terbuka di browser.

Sekarang kita sudah bisa mengenal dan mengerti tentang struktur HTML.
Berikutnya kita akan mempelajari tentang elemen, tag dan atribut di HTML.