Apa itu HTML?
HTMLadalah singkatan dari HyperText Markup Language.
Bayangkan kamu sedang membuat sebuah buku cerita. Buku ini tidak
hanya berisi teks, tetapi juga gambar, judul, daftar, dan banyak lagi.
Nah, HTML adalah bahasa yang digunakan untuk membuat halaman
web di internet, mirip seperti kamu membuat buku cerita. HTML
memberitahu komputer bagaimana mengatur dan menampilkan semua
bagian dari sebuah halaman web.
3.
Kenapa HTML itupenting?
HTML sangat penting karena setiap halaman web di internet dibuat
dengan menggunakan HTML. Misalnya, ketika kamu membuka situs
seperti YouTube, Wikipedia, atau situs sekolah kamu, semua itu dibuat
dengan HTML. HTML membantu komputer memahami bagaimana
menampilkan teks, gambar, video, dan elemen lainnya di layar kamu.
4.
Komponen dasar HTML
1.Tag: Tag adalah perintah dalam HTML. Mereka seperti instruksi untuk
komputer. Setiap tag biasanya memiliki awal dan akhir. Tag pembuka diberi
tanda < dan >, seperti <p>, sedangkan tag penutup diberi tanda </ di depan,
seperti </p>. Tag membantu menentukan struktur dan format dari sebuah
halaman web.
2. Elemen: Elemen adalah bagian dari HTML yang terdiri dari tag pembuka, isi,
dan tag penutup. Misalnya, <p>Hello, World!</p> adalah elemen paragraf
yang menampilkan teks "Hello, World!" di halaman web.
3. Atribut: Atribut memberikan informasi tambahan tentang elemen. Mereka
ditempatkan di dalam tag pembuka dan biasanya terdiri dari nama dan nilai.
Contohnya, <img src="gambar.jpg" alt="Deskripsi Gambar"> adalah tag gambar
dengan atribut src untuk sumber gambar dan alt untuk deskripsi gambar.
5.
Contoh HTML sederhana
Agarlebih mudah dimengerti, mari kita lihat contoh sederhana dari
HTML. Bayangkan kita ingin membuat halaman web yang menampilkan
sebuah judul dan paragraf teks.
6.
Penjelasan bagian-bagian darikode di atas:
• <!DOCTYPE html>: Ini memberitahu komputer bahwa dokumen ini adalah
halaman HTML.
• <html>: Tag ini adalah akar dari dokumen HTML.
• <head>: Bagian ini berisi informasi tentang halaman, seperti judul.
• <title>: Ini menentukan judul halaman yang akan ditampilkan di tab browser.
• <body>: Bagian ini berisi konten utama yang akan ditampilkan di halaman
web.
• <h1>: Tag ini digunakan untuk membuat judul besar.
• <p>: Tag ini digunakan untuk membuat paragraf.
