{"id":57634,"date":"2025-09-24T08:59:34","date_gmt":"2025-09-24T01:59:34","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=57634"},"modified":"2026-02-16T10:14:14","modified_gmt":"2026-02-16T03:14:14","slug":"contoh-script-html","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/contoh-script-html\/","title":{"rendered":"16 Contoh Script HTML Yang Cocok Dipelajari Untuk Pemula"},"content":{"rendered":"\n

Apakah Anda baru mulai belajar membuat website dan bingung harus memulai dari mana? Saat ini, Anda menemukan artikel yang sangat tepat. Dalam artikel ini kami akan membahas beberapa contoh script <\/em>HTML untuk pemula yang dapat Anda pelajari.<\/p>\n\n\n\n

Apa Itu HTML?<\/h2>\n\n\n\n

HTML adalah singkatan dari Hypertext Markup Language<\/em>. HTML merupakan bahasa markup <\/em>standart yang digunakan untuk menampilkan dokumen atau membuat halaman website agar dapat ditampilkan di browser<\/em>.<\/p>\n\n\n\n

Dengan bahasa markup <\/em>ini, Anda bisa membuat teks, menambahkan gambar, link, hingga membuat formulir dengan mudah tanpa memiliki keahlian khusus di bidang pemrograman web. Selengkapnya tentang apa itu HTML bisa Anda pelajari di artikel berikut<\/a><\/strong>.<\/p>\n\n\n\n

Contoh Script HTML Untuk Pemula<\/h2>\n\n\n\n

Mempelajari bahasa markup ini sangat mudah dan bisa dilakukan oleh siapa saja, bahkan tanpa keahlian khusus di bidang pemrograman web. Hal ini karena kode HTML dapat langsung dijalankan dan hasilnya bisa langsung dilihat, sehingga memudahkan kita untuk memperbaiki jika terjadi kesalahan.<\/p>\n\n\n\n

HTML sendiri merupakan bahasa dasar dalam pembuatan website, berfungsi sebagai kerangka atau struktur utama sebuah halaman. Jika digabungkan dengan Cascading Style Sheets (CSS<\/a>) dan JavaScript, ketiganya akan saling melengkapi. HTML membentuk struktur halaman, CSS mempercantik tampilan, sedangkan JavaScript membuat website menjadi lebih interaktif dan dinamis.<\/p>\n\n\n\n

Nah, bagi Anda yang baru ingin belajar HTML, berikut adalah beberapa contoh script HTML untuk pemula yang perlu Anda pelajari.<\/p>\n\n\n\n

1. Struktur Dasar HTML<\/h3>\n\n\n\n

Penulisan kode HTML di awali dengan kode <!DOCTYPE html>. Ini adalah tag deklarasi yang menyatakan format dokumen html dengan versi HTML 5.<\/p>\n\n\n\n

Kemudian tepat di bawahnya kode <html lang=”id”>. Attribut attribut lang=\u201did\u201d , untuk menyatakan dokumen ini dibuat menggunakan Bahasa Indonesia.<\/p>\n\n\n\n

Setiap membuka dokumen HTML selalu di awali dengan tag <html> selanjutnya ada tag <head> <\/head>, <body> <\/body> di bagian terakhir diisi tag penutup HTML <\/html>.<\/p>\n\n\n\n

Sebenarnya kita bisa saja tidak menyertakan tag deklarasi ini di dalam struktur kode HTML yang kita buat. Tetapi akan melanggar standar aturan oleh W3C.<\/p>\n\n\n\n

Berikut contoh penggunaan dan hasilnya:<\/p>\n\n\n\n

<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n    <title>Judul Halaman Web Saya<\/title>\n<\/head>\n<body>\n    <h1>Judul Utama<\/h1>\n    <p>Hallo Rumahweb. Saya sedang belajar HTML!<\/p>\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n
\"Belajar<\/a>
Belajar Struktur Html Rumahweb<\/figcaption><\/figure>\n\n\n\n
2. Heading dan Paragraf<\/h3>\n\n\n\n
Kemudian heading dan paragraf pada HTML. Digunakan untuk menyusun struktur teks di dalam dokumen HTML. Mulai dari heading H1 hingga H6. Tag <h1><\/strong> digunakan untuk judul utama, sampai <h6><\/strong> untuk subjudul terkecil. Ada juga tag <p> <\/p> digunakan untuk teks paragraft.<\/p>\n\n\n\n
Berikut contoh penggunaan dan hasilnya:<\/p>\n\n\n\n
<h1>Ini adalah Judul Utama (H1)<\/h1>\n    <p>\n        Tag h1 digunakan untuk judul utama dari sebuah halaman. Biasanya hanya ada satu tag h1 di setiap halaman web.\n    <\/p>\n\n    <h2>Ini adalah Subjudul (H2)<\/h2>\n    <p>\n        Tag h2 digunakan untuk subjudul yang membagi konten utama menjadi bagian-bagian.\n    <\/p>\n\n    <h3>Sub-subjudul (H3)<\/h3>\n    <p>\n        Tag h3 digunakan untuk bagian yang lebih spesifik di bawah subjudul h2.\n    <\/p>\n\n    <h4>Judul Bagian Kecil (H4)<\/h4>\n    <p>\n        Tag h4 digunakan untuk memecah konten lebih lanjut.\n    <\/p>\n\n    <h5>Judul Detail (H5)<\/h5>\n    <p>\n        Tag h5 digunakan untuk judul yang sangat spesifik atau detail.\n    <\/p>\n\n    <h6>Judul Terkecil (H6)<\/h6>\n    <p>\n        Tag h6 adalah judul dengan tingkatan paling rendah, sering digunakan untuk teks tambahan seperti catatan kaki.\n    <\/p><\/code><\/pre>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
Perlu diperhatikan tag H1 digunakan untuk judul utama dari sebuah halaman. Biasanya hanya ada satu tag H1 di setiap halaman web.<\/p>\n\n\n\n
3. Format Teks<\/strong><\/h3>\n\n\n\n
HTML bisa mengatur format teks menjadi huruf tebal, huruf miring, underline dengan atau yang biasa disebut Bold, Italic, Underline.<\/p>\n\n\n\n
Perbedaan utama tag HTML tersebut ada pada makna dan tujuan tag tersebut, meskipun secara struktur dan tampilanya hampir sama. Berikut penjelasan serta contoh code tag HTML tersebut.<\/p>\n\n\n\n