Episode HTML : Stuktur Dasar HTML

 Struktur Dasar HTML


Halo teman-teman! Pernah nggak sih kalian bertanya-tanya bagaimana sebuah website bisa muncul di layar? Nah, di balik tampilan keren yang sering kita lihat, ada satu bahasa dasar yang menjadi pondasinya, yaitu HTML (HyperText Markup Language). HTML ini ibaratnya seperti rangka bangunan sebuah rumah. Tanpa HTML, website nggak akan punya struktur dan cuma akan jadi halaman kosong.

Di artikel ini, aku bakal ngajak kalian buat kenalan lebih dalam dengan HTML, khususnya elemen-elemen dasarnya. Kita bakal bahas tag <html>, <head>, <title>, dan <body>. Yuk, langsung kita mulai!


Apa Itu HTML?

HTML adalah bahasa markup yang digunakan untuk membangun struktur dasar halaman web. Dengan HTML, kita bisa menentukan mana bagian judul, paragraf, gambar, link, dan elemen-elemen lainnya di dalam website.

Berbeda dari bahasa pemrograman seperti JavaScript atau Python, HTML nggak digunakan untuk melakukan perhitungan atau logika pemrograman. HTML hanya digunakan untuk mengatur tata letak dan struktur konten pada halaman web. Nah, sekarang kita langsung masuk ke elemen-elemen dasarnya yaaaa!


Tag Dasar HTML

Setiap halaman HTML memiliki beberapa elemen utama yang membentuk strukturnya. Beberapa tag dasar yang harus kalian pahami adalah:

1. Tag <html>

Tag <html> adalah elemen utama dalam sebuah dokumen HTML. Semua kode HTML yang kita tulis harus berada di dalam tag ini. Contohnya seperti ini:



2. Tag <head>

Nahhh lalu untuk bagian <head>, ini adalah tempat di mana kita menyimpan informasi penting tentang halaman web, seperti metadata, link ke file CSS, dan skrip JavaScript. Walaupun isinya nggak langsung terlihat di halaman web, bagian ini tetap sangat pentingg!

Contohnya seperti ini:


Di dalam <head>, kita juga bisa menambahkan <meta> tag untuk SEO supaya website kita lebih mudah ditemukan di Google lohhh..


3. Tag <title>

Sekarang kita sampai pada bagian <title>. Tag ini digunakan untuk menentukan judul halaman yang akan muncul di tab browser. Pastikan judulnya relevan dengan isi konten supaya lebih menarik dan gampang dikenali.

Judul ini juga berpengaruh ke SEO, jadi gunakan kata kunci yang sesuai yaaa!


4. Tag <body>

Nah, bagian terpenting dalam sebuah halaman web ada di dalam tag <body>. Semua yang kita lihat di halaman web, seperti teks, gambar, video, atau tombol, akan diletakkan di dalam tag ini.

Contoh sederhana penggunaan tag <body>:


Di dalam <body>, kita bisa menggunakan berbagai elemen HTML lainnya seperti heading, paragraf, gambar, dan link untuk mempercantik halaman web.


Nah, teman-teman, sekarang kalian sudah tahu dasar-dasar HTML dan elemen penting yang harus ada dalam setiap halaman web. Kita sudah bahas <html> sebagai wadah utama, <head> untuk metadata, <title> untuk judul halaman, dan <body> untuk menampilkan konten.

Aku saranin kalian coba buat halaman HTML sendiri dengan menggunakan tag-tag ini. Cukup buka Notepad atau VS Code, tulis kode HTML dasar, lalu simpan dengan ekstensi .html. Setelah itu, buka di browser dan lihat hasilnyaa!


Semoga artikel ini bermanfaat buat kalian yang lagi belajar HTML. Jangan lupa share ke teman-teman lain biar makin banyak yang paham dasar-dasar HTML. Selamat mencoba dan sampai jumpa di artikel selanjutnya! 🚀



Komentar

Posting Komentar

Postingan populer dari blog ini

Perjalanan Sejarah Perkembangan Teknologi : Bagian Prasejarah

Gambar
Perjalanan Sejarah Perkembangan Teknologi: Bagian Prasejarah Halo teman-teman! Pernah nggak sih kalian berpikir bagaimana manusia zaman dulu bisa bertahan hidup tanpa semua teknologi canggih yang kita punya sekarang? Nah, kalau kita menelusuri kembali ke zaman prasejarah, kita bakal menemukan bahwa teknologi sudah ada sejak manusia pertama kali belajar memanfaatkan alat-alat sederhana untuk bertahan hidup. Yuk, kita bahas lebih dalam! Alat Sederhana dari Batu dan Kayu Dulu, manusia purba nggak punya kemewahan seperti yang kita nikmati sekarang. Mereka harus mengandalkan benda-benda di sekitar mereka untuk bertahan hidup. Batu dan kayu menjadi alat utama yang mereka gunakan untuk berburu, mengolah makanan, hingga membangun tempat tinggal. Manusia purba mulai mengasah batu hingga menjadi alat yang lebih tajam dan bisa digunakan sebagai pisau atau tombak. Dengan alat-alat ini, mereka bisa berburu hewan lebih efisien dan mempertahankan diri dari bahaya. Kayu juga digunakan untuk membua...
Baca selengkapnya

EPISODE HTML : Heading & Paragraf

Gambar
  Heading & Paragraf Halo teman-teman!  Saat kita belajar HTML, ada banyak elemen yang perlu kita pahami agar bisa membuat halaman web yang rapi dan terstruktur. Salah satu elemen penting yang sering digunakan adalah heading dan paragraf . Nah, di artikel ini aku bakal menjelaskan secara santai tentang apa itu heading dan paragraf dalam HTML, serta berbagai tag yang berkaitan dengan teks di dalamnya. Yuk, langsung kita bahas! Apa Itu Heading dan Paragraf dalam HTML? Dalam dunia HTML, heading dan paragraf digunakan untuk mengatur teks agar lebih terstruktur dan mudah dibaca. Heading biasanya digunakan untuk judul atau subjudul, sedangkan paragraf digunakan untuk menuliskan isi konten yang lebih panjang. Bayangkan teman-teman sedang membaca sebuah artikel. Pasti akan lebih nyaman jika ada judul yang jelas dan isi yang tertata rapi, bukan? Nah, itulah fungsi heading dan paragraf di HTML! 1. Mengenal Tag Heading <h1> - <h6> Heading dalam HTML menggunakan tag ...
Baca selengkapnya