Lompat ke konten Lompat ke sidebar Lompat ke footer

Pembagian Paragraf HTML Menggunakan Tag Section

Tag section mendefinisikan pembagian dokumen seperti chapterheaderfooter 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. 

2 Contoh Pembagian Paragraf Menggunakan Tag Section HTML
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.

Sintak:
<section> Konten Section... </section>

Tag section digunakan untuk mendistribusikan konten baik terhadap section ataupun subsection.

Baca Juga: 

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.

Contoh:

<!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


Artikel ini didedikasikan kepada: Oktarina Tri Mumpuni, Puji Astuti, Rafli Akbar Nugraha, Ratih Nuraisyiah, dan Selli Shofia Rini.

5 komentar untuk "Pembagian Paragraf HTML Menggunakan Tag Section"

  1. Apa yang dimaksud dengan tag section pada dokumen HTML?

    BalasHapus
    Balasan
    1. Tag 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.

      Hapus
  2. Bagaimana cara kerja tag section pada dokumen HTML?

    BalasHapus
    Balasan
    1. Tag Section HTML mengelilingi bagian umum konten pada halaman website atau aplikasi. Tag tersebut diperkenalkan dalam HTML5 dan mendukung penggunaan atribut secara global.

      Hapus
    2. Tag section pada HTML mendefinisikan bagian dokumen untuk menunjukkan pengelompokkan makna semantik yang saling berkaitan.

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -