EPISODE HTML : Heading & Paragraf

 Heading & Paragraf

html-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 <h1> sampai <h6>, yang berfungsi sebagai penanda tingkat kepentingan sebuah judul.

  • <h1> digunakan untuk judul utama atau yang paling penting.

  • <h2> untuk subjudul yang mendukung <h1>.

  • <h3> hingga <h6> digunakan untuk bagian yang lebih spesifik atau sub-subjudul.

Contohnya seperti ini:


tag-h-1-2-3-4-5-6

preview-tag-h

Semakin besar angkanya, semakin kecil ukuran dan tingkat kepentingannya.


2. Tag <p> untuk Paragraf

Sekarang kita sampai pada pembahasan paragraf. Dalam HTML, paragraf dituliskan dengan tag <p>. Tag ini digunakan untuk membuat teks menjadi lebih rapi dengan pemisahan yang jelas antara satu bagian dengan bagian lainnya.

Contoh penggunaannya:

tag-p

preview-tag-p

3. Tag <hr> untuk Garis Pemisah

Nah, kalau teman-teman ingin memberikan pemisah di antara dua bagian konten, kita bisa menggunakan tag <hr>. Tag ini berfungsi untuk menambahkan garis horizontal sebagai pemisah visual.

Contoh penggunaannya:

tag-hr

preview-tag-hr

4. Tag <br> untuk Baris Baru

Kalau teman-teman ingin memisahkan teks ke baris baru tanpa membuat paragraf baru, kita bisa menggunakan tag <br>.

Misalnya:

tag-br

preview-tag-br

5. Tag <blockquote> dan <cite> untuk Kutipan

Sekarang kita bahas soal kutipan. Kalau kita ingin menampilkan kutipan panjang dari seseorang atau sebuah sumber, kita bisa pakai tag <blockquote>. Sedangkan, kalau kita ingin mencantumkan sumber kutipan, kita bisa gunakan tag <cite>.

Contohnya:

<blockquote>

tag-blockquote

preview-tag-blockquote

<cite>

tag-cite

preview-tag-cite


6. Tag <pre> untuk Menampilkan Format Teks Asli

Terakhir, kalau teman-teman ingin menampilkan teks dalam format asli tanpa perubahan spasi atau baris, kita bisa gunakan tag <pre>.

Misalnya:

tag-pre

preview-tag-pre


Jadi, teman-teman, kita sudah belajar tentang heading dan paragraf dalam HTML, serta berbagai tag seperti <h1> - <h6>, <p>, <hr>, <br>, <blockquote>, <cite>, dan <pre>. Dengan memahami tag-tag ini, kita bisa membuat halaman web yang lebih rapi dan mudah dibaca.

Sekian dulu artikel kali ini! Kalau ada pertanyaan atau ingin berbagi pengalaman tentang penggunaan HTML, jangan ragu untuk komen ya. Selamat ngoding! 🚀




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 : Stuktur Dasar HTML

Gambar
 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...
Baca selengkapnya