Panduan Belajar HTML untuk Pemula: Mulai Ngoding Bersama!

HTML 1 - PENDAHULUAN

Halo, Kawan KodingKu!😄

Siap menjelajahi keindahan dalam dunia pemrograman yang penuh dengan tantangan dan kesenangan? 💻✨ Mari mulai petualangan ini dengan penuh semangat! 🎈 Dan jangan lupa membawa banyak energi dan kesenangan, sebab kita akan bermain dengan banyak hal yang keren artikel kali ini adalah membahas mengenai Pendahuluan dari HTML! 🚀

Pernah dengar tentang HTML, kan? Itu lho, bahasa markup HyperText yang digunakan buat bikin halaman web atau struktur situs web. HTML ini penting banget dalam pembuatan web karena punya banyak elemen seperti judul, paragraf, formulir, tabel, daftar, dan banyak lagi. Masing-masing elemen punya fungsinya sendiri dalam merancang struktur web. Misalnya, elemen heading dipakai buat bikin judul, sedangkan elemen paragraf untuk konten paragraf. ✍️

Jadi, apa sih sebenarnya HTML itu? HTML, atau HyperText Markup Language, adalah bahasa markup umum untuk dokumen yang digunakan di browser. Dengan HTML, Kawan-Kawan bisa bikin struktur dan konten untuk menampilkan isi dari web. Tapi HTML nggak bisa kerja sendirian nih, dia butuh "teman" seperti CSS (Cascading Style Sheets) dan JavaScript (JS) biar tampilan web jadi lebih menarik.

Versi HTML

Kawan-Kawan KodingKu pasti tahu kan, HTML punya beberapa versi yang terus berkembang? Versi pertama HTML diciptakan oleh Tim Berners-Lee pada tahun 1991. Versi ini sangat sederhana dan hanya mendukung elemen dasar seperti heading, paragraf, dan link. Di tahun 1995, rilis HTML 2.0 dengan tambahan fitur baru seperti form dan tabel, bikin pengembang web bisa membuat tampilan yang lebih kompleks. 📈

HTML 3.2 muncul di tahun 1997 dengan dukungan untuk elemen presentasi seperti font dan warna. Kemudian, HTML 4.01 yang dirilis tahun 1999 jadi standar cukup lama karena banyak perbaikan dan dukungan CSS untuk styling yang lebih menarik. HTML5 muncul tahun 2014 dengan fitur baru untuk pembuatan web yang lebih dinamis dan interaktif, termasuk elemen <video> dan <audio>. HTML5 punya performa dan kompatibilitas yang lebih baik di berbagai perangkat dan web modern. 📱💻

Struktur Dokumen HTML

HTML itu hierarkis, jadi Kawan-Kawan bisa menempatkan elemen di dalam elemen lain. Tapi, ada aturan yang harus diikuti, seperti elemen <head> yang nggak bisa ditempatkan di dalam <body>. Jadi, atas aturan tersebut, terdapat contoh struktur dasar dokumen HTML. 📚

Peran Browser untuk HTML

Google Chrome, Mozilla Firefox, Microsoft Edge, Safari merupakan browser yang dapat menampilkan output (hasil) dari kode HTML yang kita buat. HTML bisa mengatur ukuran font, ketebalan, dan banyak lagi dengan tag dan atributnya. 

Tag, Atribut, dan Elemen HTML

Kawan-Kawan KodingKu, sering dengar tentang tag, atribut, dan elemen? 🤔 Nah, ini dia penjelasannya:

  1. Tag HTML: Tag pada HTML seperti kata kunci yang menentukan bagaimana browser memformat dan menampilkan konten. Browser itu keren banget karena bisa membedakan antara konten biasa dengan konten HTML yang menggunakan tag. 🎯
  2. Atribut HTML: Atribut digunakan untuk menyesuaikan perilaku elemen. Jenis elemen HTML bisa dimodifikasi melalui atribut ini. 🔧
  3. Elemen HTML: Elemen adalah blok penyusun untuk browser. Elemen terdiri dari tag pembuka, tag penutup, dan konten di antara kedua tag itu. 🧩

Belajar HTML itu gampang kok, Kawan-Kawan. Kita cuma perlu memahami penggunaan berbagai tag untuk memformat teks atau gambar dan membuat web yang menarik. Semangat! 👨‍💻👩‍💻

Terima kasih sudah membaca hingga akhir!

Jika Kawan-Kawan menikmati konten ini, jangan lupa follow semua akun media sosial KodingKu untuk update terbaru dan informasi menarik lainnya. Kunjungi media sosial KodingKu di bawah ini: ðŸ“²

Instagram
Twitter
Medium
Hashnode

Sampai jumpa pada artikel berikutnya! 🌟

-KodingKu- 

Posting Komentar

Post a Comment (0)

Lebih baru Lebih lama