Pembagian Paragraf HTML Menggunakan Tag Section
Tag section mendefinisikan pembagian dokumen seperti chapter, header, footer dan section-section lainnya. Tag section membagi konten menjadi section dan subsection. Tag section digunakan ketika dibutuhkan dua buah header atau footer atau apapun pada dokumen yang dibutuhkan.
Sintak:
<section> Konten Section... </section>
Tag section digunakan untuk mendistribusikan konten baik terhadap section ataupun subsection.
Baca Juga:
 |
| Ilustrasi Tag Section HTML |
Sebelum memahami lebih dalam materi tentang Pembagian Paragraf HTML Menggunakan Tag Section, terlebih dahulu pelajari materi tentang: Mengaktifkan Kode Javascript HTML Menggunakan Tag Script [klik], Membuat Teks Bergaya Kode Komputer HTML Tag Samp [klik], dan Membuat Teks Coret HTML Menggunakan Tag S [klik].
Tag section mengelompokkan blok umum dari konten yang saling berkaitan antara satu dengan konten lainnya. Keuntungan utama dari tag section adalah tag tersebut merupakan tag semantik, yang mendeskripsikan penggunaannya terhadap browser dan pengembang.
<section> Konten Section... </section>
Tag section digunakan untuk mendistribusikan konten baik terhadap section ataupun subsection.
Baca Juga:
Contoh:
Tag section bersarang: Ukuran huruf dari subsection adalah lebih kecil dari section-nya jika mengandung properti font yang sama. Tag subsection digunakan untuk mengatur dokumen yang lebih komplek pada html.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Tag Section
</title>
</head>
<body>
<section>
<h1>Section 1</h1>
<p>Konten Section 1</p>
</section>
<section>
<h1>Section 2</h1>
<p>Konten Section 2</p>
</section>
<section>
<h1>Section 3</h1>
<p>Konten Section 3</p>
</section>
</body>
</html>
Output:Section 1
Konten Section 1
Section 2
Konten Section 2
Section 3
Konten Section 3
Tag section bersarang: Ukuran huruf dari subsection adalah lebih kecil dari section-nya jika mengandung properti font yang sama. Tag subsection digunakan untuk mengatur dokumen yang lebih komplek pada html.
<!DOCTYPE html>
<html>
<head>
<title>
Tag Section
</title>
</head>
<body>
<section>
<h1>Section 1</h1>
<p>Konten Section 1</p>
<section>
<h1>Subsection</h1>
<h1>Subsection</h1>
</section>
</section>
<section>
<h1>Section 2</h1>
<p>Konten Section 2</p>
<section>
<h1>Subsection</h1>
<h1>Subsection</h1>
</section>
</section>
</body>
</html>
Output:Section 1
Konten Section 1
Subsection
Subsection
Section 2
Konten Section 2
Subsection
Subsection
Referensi Tambahan:
- 6 Contoh Penerapan Tag Style untuk Modifikasi Tampilan Web HTML [klik]
- 5 Contoh Penggunaan Tag Subscript dan Superscript pada HTML [klik]
- 11 Contoh Pembuatan Tabel Menggunakan Tag Table pada HTML [klik]
- 4 Atribut Utama Penggunaan Tag Tbody pada HTML [klik]
- 2 Contoh Program Penggunaan Tag Template pada HTML [klik]
- 4 Atribut Utama Penggunaan Tag Tfoot pada HTML [klik]
- 15 Atribut Utama Penggunaan Tag TH pada HTML [klik]
Artikel ini didedikasikan kepada: Oktarina Tri Mumpuni, Puji Astuti, Rafli Akbar Nugraha, Ratih Nuraisyiah, dan Selli Shofia Rini.
Apa yang dimaksud dengan tag section pada dokumen HTML?
BalasHapusTag section pada HTML digunakan untuk mendefinisikan bagian dalam dokumen atau konten. Ketika user meletakkan konten pada halaman website, biasanya terdiri dari beberapa bagian seperti bab, header, footer, ataupun bagian lain pada halaman website tersebut. Untuk dapat membedakan bagian-bagian tersebut maka digunakan tag section. Tag section merupakan elemen yang baru dimasukkan ke dalam HTML5.
HapusBagaimana cara kerja tag section pada dokumen HTML?
BalasHapusTag Section HTML mengelilingi bagian umum konten pada halaman website atau aplikasi. Tag tersebut diperkenalkan dalam HTML5 dan mendukung penggunaan atribut secara global.
HapusTag section pada HTML mendefinisikan bagian dokumen untuk menunjukkan pengelompokkan makna semantik yang saling berkaitan.
Hapus