Halo masyarakat budiman! Apa kabarnya hari ini? Baik aja ya? Syukurlah..
Di postingan sebelumnya HTML: Pendahuluan dan Pengenalan dasar, kita sudah berkenalan secara singkat mengenai HTML, serta hal yang perlu dipersiapkan untuk mempelajarinya.
Kali ini, kita akan coba belajar menggunakan tag Heading dan Paragraf.
Heading ✨
Apakah teman-teman pernah melihat sebuah judul besar pada sebuah buku? Ukurannya paling besar, menandakan ia adalah sebuah topik/tema dari tulisan.
Nah, itu disebut Heading!
Tag Heading di HTML ada berapa ukuran, dari yang terbesar hingga terkecil.
Contoh Tag Heading:
<h1>(Heading 1)<h2>(Heading 2)<h3>(Heading 3)<h4>(Heading 4)<h5>(Heading 5)<h6>(Heading 6)
Ukuran paling besar adalah h1 dan paling kecil ialah h6.
Mari kita coba!
Buka folder yang sudah kita buat sebelumnya, kemudian buat file baru dengan nama 📄heading-dan-paragraf.html
Tulis struktur HTML sederhana seperti yang sudah dipelajari pada postingan sebelumnya HTML: Hello World
Tulis salah satu tag Heading, misalnya:
<h1>Ini Heading Satu</h1>
Simpan dan buka filenya..
🐹 : “Apakah tampil? Semoga bisa..”
Sekarang, coba teman-teman tambahkan tag Heading lainnya seperti:
<h2>Ini Heading Dua</h2>
🐹 : “Bisa kan? Kalo ga, coba lagi pelan-pelan..”
Contoh semua tag Heading:
<!DOCTYPE html>
<html>
<head>
<title>Heading dan Paragraf</title>
</head>
<body>
<h1>Ini heading satu</h1>
<h2>Ini heading dua</h2>
<h3>Ini heading tiga</h3>
<h4>Ini heading empat</h4>
<h5>Ini heading lima</h5>
<h5>Ini heading enam</h6>
</body>
</html>
Hasilnya:
Mari kita lanjut membahas paragraf!
Paragraph ⚡
Saya rasa tidak perlu menjelaskan apa itu paragraf. Ini sudah menjadi hal yang mendarah-daging setiap membaca, misal membaca postingan ini. Isi dari tulisan ini menggunakan Tag Paragraf.
Untuk membuat paragraf/tulisan, kita cukup menuliskannya di dalam tag
Contoh:
<p>Ini adalah sebuah paragraf sederhana.</p>
Silahkan tulis di dalam file HTML anda, kemudian jalankan.
🐹 : “Tampil ga nih? Heheheh..”
Monggo dicoba lebih dari satu paragraf, misal:
<p>Hai, nama saya Budi. Saya adalah siswa kelas IV.</p>
<p>Pengalaman saya sebagai Layangers dari tahun 2006 sampai 2013</p>
🐹 : “Silahkan coba-coba sendiri..”
Mungkin itu dulu, coba buat sebuah judul dan beberapa kalimat atau paragraf sederhana menggunakan tag diatas.
Ada yang kurang dimengerti? Silahkan bertanya di komentar.