HTML adalah bahasa yang digunakan untuk membuat halaman web. Bagi yang berkecimpung di dunia perangkat gadget dan ilmu komputer, pasti sudah tidak asing lagi dengan berbagai kode di dalamnya. HTML adalah kependekan dari Hypertext Markup Language.

Hypertext Markup Language berasal dari gabungan kata “hypertext” yaitu teks atau media berisi link yang bisa mengarahkanmu ke halaman lain di suatu website.

Di sisi lain, “markup language” merupakan bahasa komputer yang menggunakan tanda (tag) untuk menerjemahkan perintah di website. Keduanya digabungkan menjadi bahasa untuk membuat struktur website.

Sejarah HTML

HTML pertama kali dikembangkan oleh Tim Berners-Lee dari organisasi European Organization for Nuclear Research (CERN) tahun 1990. Markup language atau HTML ini diciptakan oleh suatu perusahaan penjual perangkat keras dan lunak yakni IBM atau International Bussiness Machines.

Sekitar era 1980an, IBM menciptakan sebuah bahasa yang menggabungkan tag atau simbol dengan teks dalam sebuah dokumen. Bahasa yang diciptakan oleh IBM ini dikenal dengan sebutan markup language atau Generalized markup language (GML).

Fungsi HTML

Fungsi utama HTML, untuk membuat suatu halaman website yang bisa dibaca dan dipahami dengan lebih mudah. Seluruh laman website yang ada di internet, dibuat dengan HTML dan tak ada pengecualian.

Sederhananya, HTML berguna untuk mengelola serangkaian data sehingga suatu dokumen atau informasi dapat dibagikan atau diakses ke perangkat lain melalui website yang diakses dengan internet.

Namun dalam aplikasinya, HTML masih membutuhkan bantuan dari CSS dan Javascript untuk mengembangkan sebuah website.

Sc gambar: readizo.com

Mengenal Tag, Element, Atribut Pada HTML

Di HTML, Ada tiga komponen utama yang membentuk HTML, yaitu

1. Tag

2. Elemen

3. Atribut. 

Ketiga komponen ini akan sering kamu temukan saat mempelajari hingga menggunakan HTML. Apa saja pengertian ketiganya?

Tag

Tag pada HTML berarti penanda awal dan akhiran dari sebuah elemen, inilah yang disebut “markup”. Bagian ini berguna sebagai perintah atau instruksi yang dibaca oleh browser.

Tag selalu ditulis berpasangan. Ada tag pembuka dan tag penutupnya. Namun, ada juga beberapa tag yang tidak memiliki pasangan penutup,Tag penutup ditulis dengan menambahkan garis miring (/) di depan nama tag.

Sc gamabar: petanikode.com

berikut beberapa jenis tag yang sering digunakan dalam HTML

Sc gambar: malasngoding.com

Element

Elemen adalah bagian yang lebih luas dari tag. Sebab, elemen berisi keseluruhan tag, mulai dari tag pembuka (<>), isi hingga penutup tag () dan atribut yang melengkapi. Tapi jangan lupa, tidak semua tag memiliki penutup, maka perhatikan kembali jenis kodenya saat kamu mengidentifikasi sebuah elemen HTML.

Sc gambar: dewaweb.com

Atribut

Atribut adalah kata khusus yang berada di dalam tag pembuka. Atribut juga disebut sebagai modifier yang akan menentukan perliaku dari elemen.

Sc gambar: petanikode.com

Atribut dapat ditambahkan pada elemen manapun. Ada juga elemen yang mewajibkan menggunakan atribut seperti elemen.

Contoh: 

<a href="https://minarsih.com/">Minarsih TECH</a>

Tag  adalah tag untuk membuat link. Tag ini mewajibkan menambahkan atribut href untuk menyatakan halaman tujuan dari link.

Jumlah atribut pada elemen bisa lebih dari satu

Contoh: 

<img src="gambar.jpg" width="100" height="100"/>

Atribut src adalah atribut khusus untuk tag  yang fungsinya untuk menentukan gambar yang akan ditampilkan. Lalu atribut width dan height adalah atribut yang mengatur ukurannya.

Kita baru saja belajar tentang Tag, Atribut, dan Elemen dalam HTML. Saya kira kamu sudah dapat membedakan ketiga hal ini.

Nah, selanjutnya kita akan belajar membuat HTML.