Beranda / Bahasa Pemrograman / HTML / Insight

Struktur Dasar Penulisan Kode HTML dan Cara Membukanya di Browser

Diposting oleh Computer For Life Posting Komentar



HTML (HyperText Markup Language) adalah bahasa markup yang digunakan untuk membuat dan merancang halaman web. HTML menggunakan elemen-elemen yang terdiri dari tag untuk membangun struktur konten di dalam halaman web.

Jika Anda tertarik mempelajari lebih lanjut tentang teknologi informasi dan komunikasi, silakan kunjungi kategori TIK untuk berbagai artikel menarik seputar dunia digital.

1. Struktur Dasar Kode HTML

Setiap dokumen HTML memiliki struktur dasar yang terdiri dari beberapa elemen utama, seperti berikut:

<!DOCTYPE html>
<html lang="id">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Belajar Struktur Dasar HTML</title>
  </head>
  <body>
    <h1>Halo, Dunia!</h1>
    <p>Ini adalah contoh dasar struktur HTML.</p>
  </body>
</html>


2. Penjelasan Struktur HTML

  1. <!DOCTYPE html> → Menentukan jenis dokumen sebagai HTML5.
  2. <html lang="id"> → Menandai bahwa dokumen ini adalah HTML dan menggunakan bahasa Indonesia.
  3. <head> → Bagian kepala yang berisi informasi tentang halaman web, seperti meta tag dan judul.
    • <meta charset="UTF-8"> → Mengatur karakter agar mendukung berbagai simbol dan huruf.
    • <meta name="viewport" content="width=device-width, initial-scale=1.0"> → Membuat halaman responsif di perangkat mobile.
    • <meta name="description" content="Panduan dasar struktur HTML dan cara membukanya di browser"> → Deskripsi untuk SEO.
    • <title>Belajar Struktur Dasar HTML</title> → Menentukan judul halaman yang muncul di tab browser.
  4. <body> → Bagian utama yang menampilkan konten di dalam halaman web.
    • <h1> → Heading utama yang digunakan sebagai judul.
    • <p> → Paragraf yang berisi teks atau informasi tambahan.

Bagi Anda yang ingin memahami lebih dalam tentang jaringan komputer atau konsep berpikir komputasional, artikel-artikel di situs tersebut dapat membantu memperluas wawasan Anda.

3. Cara Membuka Kode HTML di Browser

  1. Buka Editor Teks

    • Gunakan editor seperti Notepad (Windows), TextEdit (Mac), atau Visual Studio Code untuk menulis kode HTML.

  2. Simpan dengan Ekstensi .html

    • Simpan file dengan nama seperti index.html. Pastikan formatnya adalah .html.

  3. Buka di Browser

    • Klik kanan pada file HTML dan pilih "Open With" → Pilih Browser (Google Chrome, Mozilla Firefox, atau Microsoft Edge).
    • Atau, seret file langsung ke jendela browser.

Bagi para konten kreator yang ingin membangun website sendiri, memahami HTML adalah langkah awal yang sangat penting.

Kesimpulan

Memahami struktur dasar HTML sangat penting bagi pemula yang ingin belajar membuat website. Dengan mengikuti langkah-langkah di atas, Anda dapat mulai membangun halaman web dan melihat hasilnya langsung di browser.

Jika Anda ingin mendalami lebih banyak tentang dunia teknologi dan pendidikan di era digital, Anda bisa menjelajahi berbagai artikel menarik di kategori yang telah disediakan.

Semoga artikel ini bermanfaat! Jangan lupa untuk berlatih lebih lanjut agar semakin mahir dalam HTML.

Lokasi:

Posting Komentar untuk "Struktur Dasar Penulisan Kode HTML dan Cara Membukanya di Browser"